@font-face{font-family:neon;src:url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/707108/neon.ttf)}@font-face{font-family:clip;src:url(/assets/clip.regular.f195ccae.ttf)}@keyframes move-twink-back{0%{background-position:0 0}to{background-position:-10000px 5000px}}@keyframes move-clouds-back{0%{background-position:0 0}to{background-position:10000px 0}}html,body{margin:0;padding:0;min-width:100%}body{background-color:#000;background-image:radial-gradient(white,rgba(255,255,255,.2) 2px,transparent 20px),radial-gradient(white,rgba(255,255,255,.15) 1px,transparent 20px),radial-gradient(white,rgba(255,255,255,.1) 2px,transparent 20px),radial-gradient(rgba(255,255,255,.4),rgba(255,255,255,.1) 1px,transparent 20px);background-size:850px 850px,650px 650px,550px 550px,450px 450px;background-position:-200px -200px,-40px -60px,-130px -270px,-70px -100px}main{color:#fff;position:absolute;width:100%;padding:60px 0}h1{font-weight:800;line-height:100%}h3{font-family:clip;font-size:4vw;line-height:3vw}h5{font-family:clip;font-size:2vw;line-height:2vw}p{font-size:25px}.centerProject_wrapper{grid-column:2/3;display:flex;justify-content:center;align-items:center}.flex-center{display:flex;justify-content:center;align-items:center;margin-bottom:3%}.name{grid-column:1/1;grid-row:1/1;vertical-align:middle;text-align:center}.portrait{grid-column:2/2;grid-row:1/1}.project_img{display:flex;justify-content:center;align-items:center}.description,.learned,.struggled{padding:15px}i{opacity:0;font-size:18px;color:#fff;will-change:transform;-webkit-transform:scale(.1);transform:scale(.1);-webkit-transition:all .2s ease;transition:all .2s ease}.dr{position:absolute;bottom:16px;right:16px;width:100px}textarea{resize:none;height:10em}.HomeButton{margin-bottom:5%}@media screen and (max-width: 1200px){h3{font-size:50px}.projects-grid{display:grid;grid-template-columns:1fr;grid-template-rows:1fr 1fr 1fr 1fr 1fr 1fr;margin-top:-3%}.projectsname,.contactname{margin-top:10%}.grid-3{margin-bottom:2%}#projectContainer{grid-column:2/2;margin-left:10%;margin-right:11%}.description{grid-row:2/2}.learned{grid-row:3/3}.struggled{grid-row:4/4}h3{line-height:50px}}@media screen and (max-width: 900px){.portrait{grid-row:2/2;grid-column:1/1}h3{font-size:50px}h5{font-size:30px;font-size:5vw;line-height:5vw}.neon,.flux{font-size:larger}.portrait{margin-top:-30%}.projects-grid{display:grid;grid-template-columns:1fr;grid-template-rows:1fr 1fr 1fr 1fr 1fr 1fr;margin-top:-3%}.projectsname{margin-top:10%;width:50%}.contactname{margin-top:10%}.grid-3{grid-template-columns:1fr;grid-template-rows:1fr 1fr}.contact-wrapper{display:flex;grid-column:1/1;grid-row:2/2;width:80%;justify-content:center}}.grid-1{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr;justify-items:center;align-items:center;margin-top:-10%;margin-bottom:-5%;padding:6%}.flex-row{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:50px;flex-wrap:wrap}.footer{margin-bottom:-100%}.cards{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:32px;margin:0;padding:3% 0 1%;list-style:none}.grid-2{display:flex;flex-direction:column;align-items:center}.grid-3{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr;margin-top:-10%;align-items:center}.project-grid{display:grid;grid-template-columns:1fr 2fr}.projectpage_title{display:flex;flex-direction:row;align-items:center;justify-content:center}@media screen and (max-width:1460px){.grid-2{flex-direction:column;align-items:center}}@media screen and (max-width: 1200px){.grid-1{display:grid;grid-template-columns:1fr;grid-template-rows:1fr;justify-items:center;align-items:center;margin-top:1%}.cards{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr)}.portrait{grid-row:2/2;grid-column:1/1}.grid-3{display:grid;grid-template-columns:1fr;grid-template-rows:1fr;align-items:center;margin-top:-7%;margin-bottom:5%}}@media screen and (max-width: 1000px){.project-grid{display:grid;grid-template-columns:1fr;grid-template-rows:1fr;justify-items:center;align-items:center;margin-top:3%}}@media screen and (max-width: 900px){.grid-1{display:grid;grid-template-columns:1fr;grid-template-rows:1fr;justify-items:center;align-items:center;margin-top:3%}.project-grid{display:flex;flex-direction:column;align-items:center}}@media screen and (max-width: 600px){.grid-1{margin-bottom:0%}.cards{grid-template-columns:repeat(1,1fr);grid-template-rows:repeat(4,1fr);padding-bottom:5%;padding-top:5%}}@media screen and (max-width: 500px){.cards{grid-template-columns:repeat(1,1fr);grid-template-rows:repeat(4,1fr);padding-bottom:5%;padding-top:5%}}main{margin-bottom:0%;padding:0%}.neon-container{--borderWidth: 1px;background:#1D1F20;position:relative;border:.2rem solid #fff;box-shadow:0 0 .2rem #fff,0 0 .2rem #fff,0 0 2rem #00aeff,0 0 .8rem #00aeff,0 0 2.8rem #00aeff,inset 0 0 1.3rem #00aeff;margin:3% 5%;padding:2%}.projectimg{border:.2rem solid #fff;box-shadow:0 0 .2rem #fff,0 0 .2rem #fff,0 0 2rem #fff,0 0 .8rem #fff,0 0 2.8rem #00aeff,inset 0 0 1.3rem #00aeff;display:flex;flex-direction:row;margin-right:5%}.project_img{padding:1%}.vertical-center{margin:0;position:absolute;top:50%;-ms-transform:translateY(-50%);transform:translateY(-50%)}#portrait{width:100%;height:120%;background:rgba(0,0,0,.5)}.introduction{padding-left:10%;padding-right:10%}.container{flex-grow:1;margin-top:2%;margin-left:auto;margin-right:auto;padding-left:20px;padding-right:20px}.project-title{grid-column:1/1}.project-description{grid-column:2/2}p{font-size:30px;padding-left:2%;padding-right:2%}h5{font-size:25px}.cards__item{height:300px}.card{position:relative;display:flex;align-items:center;justify-content:center;background-color:#000;border:.2rem solid #fff;padding:.5em}.card:nth-child(1){background-image:linear-gradient(45deg,#000000,#00aeff);box-shadow:0 0 .2rem #fff,0 0 .2rem #fff,0 0 2rem #00aeff,0 0 .8rem #00aeff,0 0 2.8rem #00aeff,inset 0 0 1.3rem #00aeff}.card:nth-child(2){background-image:linear-gradient(45deg,#ff7700,#000000);box-shadow:0 0 .2rem #fff,0 0 .2rem #fff,0 0 2rem #f70,0 0 .8rem #f70,0 0 2.8rem #f70,inset 0 0 1.3rem #f70}.card:nth-child(3){background-image:linear-gradient(45deg,#000000,#00aeff);box-shadow:0 0 .2rem #fff,0 0 .2rem #fff,0 0 2rem #00aeff,0 0 .8rem #00aeff,0 0 2.8rem #00aeff,inset 0 0 1.3rem #00aeff}.card:nth-child(4){background-image:linear-gradient(45deg,#ff7700,#000000);box-shadow:0 0 .2rem #fff,0 0 .2rem #fff,0 0 2rem #f70,0 0 .8rem #f70,0 0 2.8rem #f70,inset 0 0 1.3rem #f70}.card__frame{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;-webkit-transition:all 0s ease-out;-moz-transition:all 0s ease-out;-o-transition:all 0s ease-out;-ms-transition:all 0s ease-out;transition:all 0s ease-out}.card__frame:hover,.card__frame:focus{opacity:0;-webkit-transition:all 0s ease-in;-moz-transition:all 0s ease-in;-o-transition:all 0s ease-in;-ms-transition:all 0s ease-in;transition:all 0s ease-in}.card__picture{margin-bottom:12px;filter:invert(1)}.card__picture img{display:block;max-width:100%;height:auto}.card__title{margin:0;font-weight:700;padding-left:1%;padding-right:1%;letter-spacing:.02em;text-transform:uppercase}.card__content{z-index:1;padding:2%;line-height:1.1;opacity:0;visibility:hidden;box-sizing:border-box;pointer-events:none;-webkit-transition:all .2s ease-out;-moz-transition:all .2s ease-out;-o-transition:all .2s ease-out;-ms-transition:all .2s ease-out;transition:all .2s ease-out}.card__frame:hover~.card__content{opacity:1;visibility:visible;transition:.2s ease-in-out}.card__content h2{margin:0 0 16px;padding-top:5%}.login-box .user-box input,.login-box .user-box textarea{width:95%;padding:10px;font-size:16px;color:#fff;margin-bottom:30px;border:none;border-bottom:1px solid #fff;outline:none;background:transparent}.login-box .user-box label{top:0;left:0;padding:10px 0;font-size:16px;color:#fff}.login-box form button{position:relative;display:inline-block;padding:10px 20px;color:#1c97b2;font-size:16px;text-decoration:none;text-transform:uppercase;overflow:hidden;transition:.5s;margin-top:40px;letter-spacing:4px;background-color:#000}summary{padding:20px;margin-top:5%;color:#29d8ff;font-size:20px;text-decoration:none;text-transform:uppercase;overflow:hidden;transition:.5s;letter-spacing:4px;text-shadow:0 0 3vw #2356FF;cursor:pointer}.aboutbtn{padding:10px 20px;color:#1c97b2;font-size:16px;text-decoration:none;text-transform:uppercase;overflow:hidden;transition:.5s;letter-spacing:4px;background-color:#000;-ms-transform:translateY(-50%);transform:translateY(-50%)}.login-box button:hover,.aboutbtn:hover{background:#1C97B2;color:#fff;border-radius:5px;box-shadow:0 0 5px #1c97b2,0 0 25px #1c97b2,0 0 50px #1c97b2,0 0 100px #1c97b2}.login-box button span,.aboutbtn span{position:absolute;display:block}.login-box button span:nth-child(1),.aboutbtn span:nth-child(1){top:0;left:-100%;width:100%;height:2px;background:linear-gradient(90deg,transparent,#1C97B2);animation:btn-anim1 1s linear infinite}@keyframes btn-anim1{0%{left:-100%}50%,to{left:100%}}.login-box button span:nth-child(2){top:-100%;right:0;width:2px;height:100%;background:linear-gradient(180deg,transparent,#1C97B2);animation:btn-anim2 1s linear infinite;animation-delay:.25s}@keyframes btn-anim2{0%{top:-100%}50%,to{top:100%}}.login-box button span:nth-child(3){bottom:0;right:-100%;width:100%;height:2px;background:linear-gradient(270deg,transparent,#1C97B2);animation:btn-anim3 1s linear infinite;animation-delay:.5s}@keyframes btn-anim3{0%{right:-100%}50%,to{right:100%}}.login-box button span:nth-child(4){bottom:-100%;left:0;width:2px;height:100%;background:linear-gradient(360deg,transparent,#1C97B2);animation:btn-anim4 1s linear infinite;animation-delay:.75s}.proj-vid{width:100%;height:500px}@keyframes btn-anim4{0%{bottom:-100%}50%,to{bottom:100%}}@media screen and (max-width: 1200px){.portrait{width:60%;height:90%}.proj-vid{width:100%;height:500px}}@media screen and (max-width: 900px){.portrait{width:50%;height:90%;margin-top:1%}.proj-vid{width:100%;height:500px}}@media screen and (max-width: 650px){.proj-vid{width:100%;height:400px}}@media screen and (max-width: 500px){.introduction{padding-left:1%;padding-right:1%}.title2{line-height:0%}p{font-size:20px}.proj-vid{width:100%;height:300px}}a{color:#fb4264}.neon{font-family:neon;color:#fb4264;font-size:9vw;line-height:9vw;text-shadow:0 0 3vw #F40A35;margin-bottom:10%}h1{padding:1%}.flux{font-family:neon;color:#426dfb;font-size:9vw;line-height:9vw;text-shadow:0 0 3vw #2356FF;margin-bottom:12%;margin-top:2%}.neon2{font-family:neon;color:#fb4264;font-size:6vw;line-height:6vw;text-shadow:0 0 3vw #F40A35}.neon3{font-family:neon;color:#fed128;font-size:4vw;line-height:4vw;text-shadow:0 0 1vw #FA1C16,0 0 3vw #FA1C16,0 0 10vw #FA1C16,0 0 10vw #FA1C16,0 0 .4vw #FED128,.5vw .5vw .1vw #806914}.flux2{font-family:neon;color:#426dfb;font-size:6vw;line-height:6vw;text-shadow:0 0 3vw #2356FF}.flux3{font-family:neon;color:#28d7fe;font-size:3vw;line-height:3vw;text-shadow:0 0 1vw #1041FF,0 0 3vw #1041FF,0 0 10vw #1041FF,0 0 10vw #1041FF,0 0 .4vw #8BFDFE,.5vw .5vw .1vw #147280}.neon,.neon2{animation:neon 1s ease infinite;-moz-animation:neon 1s ease infinite;-webkit-animation:neon 1s ease infinite}@keyframes neon{0%,to{text-shadow:0 0 1vw #FA1C16,0 0 3vw #FA1C16,0 0 10vw #FA1C16,0 0 10vw #FA1C16,0 0 .4vw #FED128,.5vw .5vw .1vw #806914;color:#fed128}50%{text-shadow:0 0 .5vw #800E0B,0 0 1.5vw #800E0B,0 0 5vw #800E0B,0 0 5vw #800E0B,0 0 .2vw #800E0B,.5vw .5vw .1vw #40340A;color:#806914}}.flux,.flux2{animation:flux 2s linear infinite;-moz-animation:flux 2s linear infinite;-webkit-animation:flux 2s linear infinite;-o-animation:flux 2s linear infinite}@keyframes flux{0%,to{text-shadow:0 0 1vw #1041FF,0 0 3vw #1041FF,0 0 10vw #1041FF,0 0 10vw #1041FF,0 0 .4vw #8BFDFE,.5vw .5vw .1vw #147280;color:#28d7fe}50%{text-shadow:0 0 .5vw #082180,0 0 1.5vw #082180,0 0 5vw #082180,0 0 5vw #082180,0 0 .2vw #082180,.5vw .5vw .1vw #0A3940;color:#146c80}}@media screen and (max-width: 900px){.neon,.flux{font-size:13vw;line-height:13vw}}@media screen and (max-width: 900px){.neon,.flux{font-size:15vw;line-height:15vw}}