*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:"Orbitron",sans-serif;letter-spacing:.1em}header{position:relative}header img{position:absolute;top:0;left:0;max-height:5vh}header .mainNav{color:#fff;text-align:center;min-height:5vh;background-color:#111;display:flex;flex-direction:column;justify-content:center;align-items:flex-end}header .mainNav:has(input[type=checkbox]:checked){display:flex;flex-direction:row;justify-content:center;align-items:center}header .mainNav input[type=checkbox]{appearance:none}header .mainNav input[type=checkbox]:checked~ul{display:flex}header .mainNav input[type=checkbox]:checked~label{align-self:flex-start}header .mainNav label{order:2;display:block;width:5vh;height:5vh;display:flex;flex-direction:column;justify-content:center;align-items:center;margin-right:1em}header .mainNav label:hover{cursor:pointer}header .mainNav label i{font-size:2em}header .mainNav label i .fa-solid .fa-bars{display:block}header .mainNav label i .a-solid .fa-x{display:none}header .mainNav ul{order:1;display:flex;flex-direction:column;justify-content:center;align-items:center;display:none;height:100vh;list-style-type:none;margin:0;padding:0;transition:all .5s ease-out;gap:3rem;flex:1}header .mainNav ul li a{font-weight:bold;font-size:2em;color:#fff;text-decoration:none;margin:0 10px;position:relative}header .mainNav ul li a:hover{color:#fff}header .mainNav ul li a:hover::before{transform:scaleX(1)}header .mainNav ul li a::before{content:"";position:absolute;display:block;width:100%;height:2px;bottom:0;left:0;background-color:#fff;transform:scaleX(0);transition:transform .3s ease}header .mainNav .navToggleBtn{width:5vh;height:5vh;display:flex;flex-direction:column;justify-content:center;align-items:center;margin-right:1em}header .mainNav .navToggleBtn:hover{cursor:pointer}header .mainNav .navToggleBtn i{font-size:2em}main{background-color:#000;display:flex;flex-direction:column}main .landing{order:1;background-image:url("../images/backgrounds/bg_landing.jpg");background-repeat:no-repeat;background-size:cover;background-position:top;transition:.4s;min-height:100vh;position:relative;padding-top:5vh}main .landing .landing-content{min-height:95vh;background-image:linear-gradient(to bottom, rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0.25));display:flex;flex-direction:column;justify-content:center;align-items:center}main .landing .landing-content .quote{text-align:center;font-family:"Orbitron",sans-serif;color:#fff;text-shadow:3px 3px 15px #9cf;border-radius:5px;padding:30px;animation:fadein 1s}main .landing .landing-content .quote h1{font-size:3em}main .landing .landing-content .quote .landing-highlight{text-transform:uppercase;color:#000}@keyframes fadein{from{opacity:0}to{opacity:1}}main .content-wrapper{order:2;display:flex;flex-direction:column;justify-content:inherit;align-items:inherit;min-height:100vh;padding-right:10px;max-width:1200px}main .content-wrapper .content-1,main .content-wrapper .content-2,main .content-wrapper .content-3{padding-top:5vh}main .content-wrapper .content-1{order:1;display:flex;flex-direction:column;justify-content:inherit;align-items:inherit;align-items:center;line-height:1.4rem}main .content-wrapper .content-1 .about{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:inherit;gap:1em}main .content-wrapper .content-1 .about .col-1{order:1;overflow:hidden;min-height:100px;display:none;align-items:center}main .content-wrapper .content-1 .about .col-1 img{width:100%;opacity:.8;max-width:100%}main .content-wrapper .content-1 .about .col-2{order:2;flex:2;padding:15px;color:#fff;display:flex;justify-content:center;flex-wrap:wrap;max-width:700px}main .content-wrapper .content-1 .about .col-2 h2{font-family:"Orbitron",sans-serif;font-size:1.7rem;margin-bottom:10px}main .content-wrapper .content-1 .about .col-2 hr{width:60%;text-align:center;color:rgba(255,255,255,.1);margin-bottom:30px}main .content-wrapper .content-1 .about .col-2 img{text-align:center;margin-bottom:30px;max-width:100%}main .content-wrapper .content-1 .about .col-2 p{font-size:1.1rem;line-height:1.3em;margin-bottom:15px}main .content-wrapper .content-1 .about .col-2 .blabla p img{float:right;margin:2.7em 0 0 1em;border-radius:2px}main .content-wrapper .content-1 .about .col-2 .code-wrapper{border:1px solid crimson;width:100%}main .content-wrapper .content-1 .about .col-2 .code-wrapper header{border:1px solid green;color:#fff;padding:4px}main .content-wrapper .content-1 .about .col-2 .code-wrapper .code{width:100%;border:1px solid green;color:green;background-color:#000;font-family:"Press Start 2P",cursive;font-size:.6rem;padding:5px;align-self:flex-end;position:relative}main .content-wrapper .content-1 .about .col-2 .code-wrapper .code .cursor{opacity:0;animation:cursorBlink 1.3s infinite}main .content-wrapper .content-1 .about .col-2 .code-wrapper .code .break{position:absolute;left:50%;top:50%;transform:translate3d(-50%, -50%, 0);background-repeat:no-repeat;content:" ";width:100%;height:100%;pointer-events:none}@keyframes cursorBlink{from{opacity:1}to{opacity:0}}main .content-wrapper .content-1 .about .col-3{order:3;padding:15px;flex:1;color:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center;overflow:hidden;max-width:500px}main .content-wrapper .content-1 .about .col-3 header h2{flex:1;font-family:"Orbitron",sans-serif;font-size:1.7rem;color:#ff0;color:#fff;margin-bottom:10px;text-align:left}main .content-wrapper .content-1 .about .col-3 img{margin-bottom:30px;max-width:100%}main .content-wrapper .content-1 .about .col-3 .tools fieldset{padding:1em 1em 1em 1.5em;margin-bottom:1em;border:1px solid rgba(135,135,135,.9)}main .content-wrapper .content-1 .about .col-3 .tools fieldset:last-child{margin-bottom:0}main .content-wrapper .content-1 .about .col-3 .tools fieldset legend{font-size:1.2em;font-weight:bold;padding:0 .5em}main .content-wrapper .content-1 .about .col-3 .tools fieldset table{margin-bottom:1.5em;width:100%}main .content-wrapper .content-1 .about .col-3 .tools fieldset table:last-child{margin-bottom:0}main .content-wrapper .content-1 .about .col-3 .tools fieldset table thead tr th{text-align:left}main .content-wrapper .content-1 .about .col-3 .tools fieldset table tbody tr td:first-child{width:50%}main .content-wrapper .content-1 .about .col-3 .tools fieldset table tbody tr td{text-align:left;padding-left:1.5em}main .content-wrapper .content-1 .about .col-3 .tools fieldset table tbody tr td progress{accent-color:#00f700;width:100%}main .content-wrapper .content-2{order:2;display:flex;flex-direction:row;justify-content:inherit;align-items:inherit;line-height:1.5em}main .content-wrapper .content-2 .examples{flex:1;color:#fff;border-radius:5px;padding:20px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:2em}main .content-wrapper .content-2 .examples fieldset{padding:1em 1em 1em 1.5em;margin-bottom:1em;border:1px solid rgba(135,135,135,.9);width:100%;display:flex;flex-direction:column;flex-wrap:wrap;gap:2em}main .content-wrapper .content-2 .examples fieldset:last-child{margin-bottom:0}main .content-wrapper .content-2 .examples fieldset legend{font-size:1.2em;font-weight:bold;padding:0 .5em}main .content-wrapper .content-2 .examples fieldset table{width:100%;max-width:250px;min-width:250px;font-size:.8em;margin-bottom:1em}main .content-wrapper .content-2 .examples fieldset table:hover{background-color:#222;transition:.5s}main .content-wrapper .content-2 .examples fieldset table thead tr th{text-align:left}main .content-wrapper .content-2 .examples fieldset table tbody tr{padding:1em 0}main .content-wrapper .content-2 .examples fieldset table tbody tr td{padding:1em 0}main .content-wrapper .content-2 .examples fieldset table tbody tr td img{width:100%;border-radius:.5em}main .content-wrapper .content-2 .examples fieldset hr{color:#fff;max-width:50%;margin:2em auto}main .content-wrapper .content-2 .examples .projects-category{border:1px solid #444}main .content-wrapper .content-2 .examples .projects-category .category-header{font-family:"Orbitron",sans-serif;font-size:1.3rem;color:#ff0;text-shadow:2px 2px 5px rgba(153,204,255,.7);margin-bottom:20px;padding:5px}main .content-wrapper .content-2 .examples .projects-category .project{background-color:#000;border-radius:5px;padding:5px;border:1px solid coral}main .content-wrapper .content-2 .examples .projects-category .project header{border:1px solid #9932cc;margin-bottom:5px}main .content-wrapper .content-2 .examples .projects-category .project p{border:1px solid #7fff00}main .content-wrapper .content-2 .examples .projects-public{order:1;padding:10px;background-color:rgba(5,5,5,.9);border-radius:5px;color:#a9a9a9;display:grid;grid-template-columns:1fr 1fr;column-gap:15px;row-gap:15px;align-content:start}main .content-wrapper .content-2 .examples .projects-public .category-header{font-family:"Orbitron",sans-serif;font-size:1.3rem;color:#ff0;text-shadow:2px 2px 5px rgba(153,204,255,.7);grid-column-start:1;grid-column-end:span 2;margin-bottom:20px;padding:5px}main .content-wrapper .content-2 .examples .projects-public .projects-public-item{background-color:#000;border-radius:5px;padding:5px;border:1px solid coral}main .content-wrapper .content-2 .examples .projects-public .projects-public-item header{border:1px solid #9932cc;margin-bottom:5px}main .content-wrapper .content-2 .examples .projects-public .projects-public-item div{border:1px solid #7fff00}main .content-wrapper .content-2 .examples .projects-private{order:2;padding:10px;background-color:rgba(5,5,5,.9);border-radius:5px;color:#a9a9a9;display:grid;grid-template-columns:1fr 1fr;column-gap:15px;row-gap:15px;align-content:start}main .content-wrapper .content-2 .examples .projects-private .category-header{font-family:"Orbitron",sans-serif;font-size:1.3rem;color:#ff0;text-shadow:2px 2px 5px rgba(153,204,255,.7);grid-column-start:1;grid-column-end:span 2;margin-bottom:20px;padding:5px}main .content-wrapper .content-2 .examples .projects-private .projects-private-item{background-color:#000;border-radius:5px;padding:5px;border:1px solid coral}main .content-wrapper .content-2 .examples .projects-private .projects-private-item header{border:1px solid #9932cc;margin-bottom:5px}main .content-wrapper .content-2 .examples .projects-private .projects-private-item div{border:1px solid #7fff00}main .content-wrapper .content-2 .examples .samples{order:3;padding:10px;background-color:rgba(5,5,5,.9);border-radius:5px;color:#a9a9a9;display:grid;grid-template-columns:1fr 1fr;column-gap:15px;row-gap:15px;align-content:start}main .content-wrapper .content-2 .examples .samples .category-header{font-family:"Orbitron",sans-serif;font-size:1.3rem;color:#ff0;text-shadow:2px 2px 5px rgba(153,204,255,.7);grid-column-start:1;grid-column-end:span 2;margin-bottom:20px;padding:5px}main .content-wrapper .content-2 .examples .samples .samples-item{background-color:#000;border-radius:5px;padding:5px;border:1px solid coral}main .content-wrapper .content-2 .examples .samples .samples-item header{border:1px solid #9932cc;margin-bottom:5px}main .content-wrapper .content-2 .examples .samples .samples-item div{border:1px solid #7fff00}main .content-wrapper .content-2 .examples .temp{order:4;padding:10px;background-color:rgba(5,5,5,.9);border-radius:5px;color:#a9a9a9;display:none;grid-template-columns:1fr 1fr;column-gap:15px;row-gap:15px;align-content:start}main .content-wrapper .content-2 .examples .temp .category-header{font-family:"Orbitron",sans-serif;font-size:1.3rem;color:#ff0;text-shadow:2px 2px 5px rgba(153,204,255,.7);grid-column-start:1;grid-column-end:span 2;margin-bottom:20px;padding:5px}main .content-wrapper .content-2 .examples .temp .temp-item{background-color:#000;border-radius:5px;padding:5px;border:1px solid coral}main .content-wrapper .content-2 .examples .temp .temp-item header{border:1px solid #9932cc;margin-bottom:5px}main .content-wrapper .content-2 .examples .temp .temp-item div{border:1px solid #7fff00}main .content-wrapper .content-3{order:3;min-height:80vh;display:flex;flex-direction:row;justify-content:center;align-items:inherit;max-width:1200px}main .content-wrapper .content-3 .contact{flex:1;color:#555;padding:20px;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;position:relative}main .content-wrapper .content-3 .contact>div:first-of-type{display:none}main .content-wrapper .content-3 .contact .form{min-width:60%;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;position:relative}main .content-wrapper .content-3 .contact .form #status{display:none;position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(10,10,10,.9);z-index:100}main .content-wrapper .content-3 .contact .form #status #statusMessage{flex:1}main .content-wrapper .content-3 .contact .form #status #closeStatus{position:absolute;top:30px;right:20px;color:#fff}main .content-wrapper .content-3 .contact .form #status #closeStatus:hover{cursor:pointer;transition:.5s;transform:rotate(180deg)}main .content-wrapper .content-3 .contact .form #status p{padding:0 1em;margin-bottom:1.5em}main .content-wrapper .content-3 .contact .form #status p:last-child{margin-bottom:0}main .content-wrapper .content-3 .contact .form form{width:100%;display:flex;flex-direction:column;justify-content:inherit;align-items:inherit}main .content-wrapper .content-3 .contact .form form input{max-height:3em}main .content-wrapper .content-3 .contact .form form input::placeholder{color:#fff}main .content-wrapper .content-3 .contact .form form input,main .content-wrapper .content-3 .contact .form form textarea{font-family:"Orbitron",sans-serif;font-size:inherit;flex:1;padding:1em;border:none;border-bottom:1px solid #fff;margin-bottom:1em;width:100%;background-color:rgba(0,0,0,0);color:#fff;outline:none}main .content-wrapper .content-3 .contact .form form input:focus,main .content-wrapper .content-3 .contact .form form textarea:focus{transition:.5s;background-color:#111}main .content-wrapper .content-3 .contact .form form textarea{resize:none;line-height:1.4em}main .content-wrapper .content-3 .contact .form form input[type=submit]{border:none;color:#000;background-color:#fff;border-radius:3px}main .content-wrapper .content-3 .contact .form form input[type=submit]:hover{transition:.5s;background-color:#ddd}footer{order:5;min-height:20vh;background-color:#010101;display:flex;flex-direction:row;justify-content:center;align-items:center}footer img{max-height:8vh;border-radius:5px}footer .footer-left{flex:2;text-align:center}footer .footer-left p{color:#fff}footer .footer-right{flex:1;display:flex;flex-direction:row;justify-content:center;align-items:center;gap:1.5em}footer .footer-right a:link{color:#fff}footer .footer-right a:visited{color:#fff}footer .footer-right a:hover{color:#00f700;transition:.5s}@media(min-width: 576px){main .content-wrapper .content-2 .examples fieldset{flex-direction:row}main .content-wrapper .content-2 .examples hr{display:none}}@media(min-width: 768px){header .mainNav{height:5vh;justify-content:center;align-items:center}header .mainNav ul{display:flex;flex-direction:row;justify-content:center;align-items:center;height:inherit}header .mainNav ul li{margin-bottom:unset}header .mainNav ul li:last-child{margin-bottom:unset}header .mainNav ul li a{font-size:1em}header .mainNav label{display:none}header .navToggleBtn{display:none !important}main .landing .landing-content .quote h1{font-size:3.5em}main .content-wrapper{align-self:center}main .content-wrapper .content-1 .about{flex-direction:row;align-items:flex-start}main .content-wrapper .content-2 .examples fieldset{flex-direction:row;width:auto}main .content-wrapper .content-2 .examples hr{display:none}}@media(min-width: 992px){main .landing .landing-content .quote h1{font-size:4em}}@media(min-width: 1200px){main .content-wrapper .content-3 .contact{flex-direction:row;align-items:inherit}main .content-wrapper .content-3 .contact>div:first-of-type{flex:1;display:inline-block;background-image:url("../images/contact.png");background-repeat:no-repeat;background-size:cover;background-position:center}main .content-wrapper .content-3 .contact .form{flex:2;justify-content:center;padding-left:3em}}.sticky{position:fixed;top:0;width:100%;z-index:9999}@keyframes spinner{to{transform:rotate(360deg)}}.spinner:before{content:"";box-sizing:border-box;position:absolute;top:50%;left:50%;width:30px;height:30px;margin-top:-10px;margin-left:-10px;border-radius:50%;border:2px solid rgba(0,0,0,0);border-top-color:#fff;border-bottom-color:#fff;animation:spinner .8s ease infinite}/*# sourceMappingURL=main.css.map */