:root{--nav_background:#e5f6ff;--app_color:#282c34;--section1_background:linear-gradient(180deg,#e5f6ff,#d1ebfe);--section2_background:linear-gradient(180deg,#d1ebfe,#f4fdffe5);--section3_background:#f4fdffe5;--transition-speed:0.4s;cursor:default;font-family:system-ui;font-size:1.25rem;font-weight:400}[data-theme=dark]{--nav_background:#222425;--app_color:#8b949e;--section1_background:linear-gradient(180deg,#222425,#0e0e0e);--section2_background:linear-gradient(180deg,#0e0e0e,#1c1e1ee5);--section3_background:#1c1e1ee5}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f4fdffe5;background-color:var(--section3_background);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0;padding:0;transition:all .4s ease;transition:all var(--transition-speed) ease}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box}.nav{background-color:var(--nav_background);position:fixed;width:100%;z-index:8888}.navContent{align-content:center;align-items:center;box-shadow:0 0 0 3px #57908b18;color:var(--app_color);justify-content:space-between;padding:1rem}.navButtons,.navContent{display:flex;flex-direction:row}.navButtons{gap:1rem}.smallNavButtons{display:none}.bottomBar{background-color:var(--nav_background);box-shadow:0 3px 10px #0000004d;padding:1rem}.bottomBar,.section{color:var(--app_color);display:flex;justify-content:center}.section{background-color:initial;opacity:.6;text-align:center;transition-duration:.5s}#section0{width:100%}#section0,#section1{background:var(--section1_background)}#section1{max-height:50vh;padding-bottom:60vh;padding-top:30vh}#section2{background:var(--section2_background)}#section3{background:var(--section3_background);padding-bottom:3vh}.section:hover{opacity:1;transition-duration:.5s}.content{align-content:center;display:flex;flex-direction:column;justify-content:center}.container{border-radius:1rem;box-shadow:0 0 0 3px #57908b18;color:var(--app_color);font-size:1rem;margin:1rem;max-width:100%;opacity:1;padding:2rem;text-align:left}.buttons{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));justify-content:space-between;margin-bottom:1rem}.proyectbox{background:local;border-radius:1rem;box-shadow:0 0 0 3px #57908b18;color:var(--app_color);cursor:pointer;display:flex;flex-direction:row;font-size:1rem;margin:1rem;opacity:1;padding:2rem;scale:98%;text-align:left;text-decoration:none;transition-duration:.5s}.proyectbox:hover{opacity:1;scale:100%}.text{opacity:1}.form{display:flex;flex-direction:column;gap:1rem}.input{background:local;border:none;border-radius:1rem;box-shadow:0 0 0 3px #57908b18;color:var(--app_color);opacity:.6;padding:.5rem;text-decoration:none}.inputLabel{font-weight:lighter}.preview{border-radius:1rem;margin-right:2rem;max-width:100%;opacity:.7;width:20rem}.smallText{font-size:smaller}.button,.smallText{color:var(--app_color)}.button{background:local;border:none;border-radius:1rem;box-shadow:0 0 0 3px #57908b18;opacity:.6;padding:.5rem;text-decoration:none;transition:.5s}#open{display:none}.mainButton{background:local;border:none;border-radius:1rem;box-shadow:0 0 0 3px #57908b18;color:var(--app_color);max-width:100%;opacity:.6;padding:2rem;text-align:left;text-decoration:none;transition:.5s}.button:hover,.mainButton.is-active,.mainButton:hover{background-color:#57908b18;cursor:pointer;opacity:1;scale:105%}.logo{animation:pop .6s forwards;max-height:4rem;opacity:.7;width:4rem}.logo:hover{cursor:pointer;opacity:1}.alert{animation:pop .2s forwards;background-color:#ccfde6;border-radius:1rem;box-shadow:0 7px 29px 0 #1fff9618;padding:1rem;position:relative;z-index:9999}.alertDiv{bottom:0;display:flex;margin:2rem;position:fixed;right:0;z-index:9999}.arrow{animation:bounce 2s infinite;bottom:70px;color:var(--app_color);font-size:70px;height:50px;left:50%;line-height:60px;margin:0 0 0 -30px;position:fixed;text-align:center;text-decoration:none;text-shadow:0 0 3px #0006;width:60px;z-index:100}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(10px)}60%{transform:translateY(5px)}}@media (max-width:968px){.navButtons{display:none;flex-direction:column}.smallNavButtons{background-color:var(--nav_background);box-shadow:0 0 0 3px #57908b18;display:flex;flex-direction:column;gap:1rem;padding:2rem;position:absolute;width:100%}#open{display:flex}#section1{padding-top:60vh}.arrow{bottom:0}}
/*# sourceMappingURL=main.4eefd8fe.css.map*/