@import url("https://fonts.googleapis.com/css2?family=Lexend+Deca:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Lexend+Tera:wght@100..900&family=Overpass+Mono:wght@300..700&display=swap");body,html{background-color:#212c38;padding:0;margin:0;font-family:Overpass Mono,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}h1{font-weight:700;text-align:center;font-size:1.25em;letter-spacing:.125em;font-family:Lexend Tera,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.container{margin-top:200px;animation:launch 1s ease-in-out;display:flex;flex-direction:column;align-items:center}.flex-center,.flex-center-col{display:flex;justify-content:center;align-items:center}.flex-center-col,.page{flex-direction:column}.page{color:#fff;width:100vw;height:100vh;display:flex;align-items:center;overflow-x:hidden;overflow-y:auto;background-color:#212c38}input{border-radius:20px;border:none}input,textarea{margin:5px;padding:10px;font-family:Lexend Deca;font-weight:300}textarea{border-radius:20px;height:100px;min-width:380px;max-width:380px}a{color:#fff;text-decoration:none}.redbg{background-color:#d45168}.bluebg{background-color:#629bf0}.darkredbg{background-color:#9f2950}.darkbluebg{background-color:#3b6ab0}@keyframes launch{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}@media screen and (max-width:800px){.container p{font-size:.8em;width:280px;text-align:center;line-height:1.25em}textarea{min-width:280px;max-width:280px}}*{box-sizing:border-box;scrollbar-color:hsla(0,0%,100%,.25) transparent}::-webkit-scrollbar{background:transparent}::-webkit-scrollbar-track{color:transparent}::-webkit-scrollbar-thumb{background:hsla(0,0%,100%,.25);border-radius:20px}.navbar,.navbarstart{width:100vw;height:75px;padding-top:100px;padding-bottom:100px;display:flex;justify-content:center;align-items:center;position:fixed;overflow:hidden;z-index:5}.navbarstart{animation:start 2s ease-in-out}.navMask{position:fixed;background-color:transparent;-webkit-mask:linear-gradient(#000,transparent);mask:linear-gradient(#000,transparent);background-color:rgba(0,0,0,.1);backdrop-filter:blur(200px);-webkit-backdrop-filter:blur(200px);-moz-backdrop-filter:blur(200px);-ms-backdrop-filter:blur(200px);-o-backdrop-filter:blur(200px);width:max(100vw,1000px);height:75px;padding:100px 0;z-index:3}.menuitem{width:max(10vw,100px);height:50px;border-radius:100px;padding-left:5px;padding-right:5px;margin-left:10px;margin-right:10px;font-weight:300;letter-spacing:.05em;cursor:pointer;transition:font-weight .25s ease-in-out;text-align:center;display:flex;justify-content:center;align-items:center;color:#fff;z-index:5}.menuitem:hover{font-weight:700}.logo{background-size:contain;background-repeat:no-repeat;background-position:50%;display:flex;margin-left:20px;margin-right:20px;justify-content:center;align-items:center;width:max(10vw,100px);height:75px;transition:background-image .25s ease-in-out;z-index:5}.menuiconbar{background-color:#fff;width:25px;height:3px;border-radius:3px;transform-origin:right;transform:rotate();transition:transform .25s ease-in-out,opacity .25s ease-in-out}#menuicon,#sidebar{display:none}#sidebar{opacity:0;position:fixed;width:100vw;height:100vh;background-color:rgba(0,0,0,.5);background-image:linear-gradient(-45deg,rgba(67,116,190,.275),rgba(212,81,105,.322));backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);-moz-backdrop-filter:blur(10px);-ms-backdrop-filter:blur(10px);-o-backdrop-filter:blur(10px);transform:translateX(100vw);transition:transform .25s ease-out;z-index:5}.menuitemmobile{display:none}@media screen and (max-width:800px){.menuitem{display:none}.navbar,.navbarstart{justify-content:space-between;padding-top:70px}#menuicon{cursor:pointer;display:block;display:flex;flex-direction:column;justify-content:space-between;height:20px;margin-left:20px;margin-right:50px;z-index:3;transition:opacity .1s ease-in-out}#menuicon:hover{opacity:.5}#sidebar{opacity:0;flex-direction:column;z-index:2}#sidebar,.menuitemmobile{display:flex;justify-content:center;align-items:center}.menuitemmobile{width:max(10vw,100px);height:50px;border-radius:100px;padding-left:5px;padding-right:5px;margin-left:10px;margin-right:10px;font-weight:300;font-size:1.5em;letter-spacing:.05em;cursor:pointer;transition:background-color .25s ease-in-out,color .25s ease-in-out,font-weight .25s ease-in-out;text-align:center;color:#fff;font-family:Lexend Tera;z-index:10}.menuiconbar{width:24px}.menuitemmobile:hover{font-weight:700}}.body{position:absolute;background-color:#212c38;color:#fff;width:100%;height:100%;z-index:0}#landing{top:0;width:100%;height:max(100%,600px)}#landing,#landing>.textContainer{position:absolute;display:flex;justify-content:center;align-items:center}#landing>.textContainer{transform:translateY(25px);flex-direction:column;line-height:1.5;animation-name:landingTextEnter;animation-duration:.8s}@keyframes landingTextEnter{0%{transform:translateY(200px);opacity:0}75%{transform:translateY(-50px);opacity:1}to{transform:translateY(25px)}}#textFirstLine{font-weight:300;font-size:1.5em;letter-spacing:.1em}#textFirstLine,#textSecondLine{transition:font-size .25s linear}#textSecondLine{font-weight:700;font-size:5em;letter-spacing:.3em;font-family:Lexend Tera,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}#textThirdLine{font-size:1.4em;letter-spacing:.5em}#textFourthLine,#textThirdLine{font-weight:300;transition:font-size .25s linear}#textFourthLine{transform:translateY(50px);font-size:1em;letter-spacing:.1em;background-color:transparent;padding:25px;cursor:pointer;border:2px solid #fff;border-radius:0;color:#fff;font-weight:500;transition:background-color .1s linear,color .1s linear}#textFourthLine:hover{background-color:#fff;color:#d45168}.landingLink{cursor:pointer;padding-bottom:5px;background-image:linear-gradient(#fff,#fff);background-position:0 100%;background-size:0 3px;background-repeat:no-repeat;transition:font-weight .2s ease-in-out,background-size .2s ease-out,background-position 0s ease-out .2s;-moz-transition:font-weight .2s ease-in-out,background-size .2s ease-out,background-position 0s ease-out .2s;-ms-transition:font-weight .2s ease-in-out,background-size .2s ease-out,background-position 0s ease-out .2s;-o-transition:font-weight .2s ease-in-out,background-size .2s ease-out,background-position 0s ease-out .2s}.landingLink:hover{font-weight:700;background-position:100% 100%;background-size:100% 3px}#landingBGContainer{will-change:clip-path,opacity;position:absolute;background-color:#9f2950;width:100%;height:100%;animation:landStart 1s ease-in-out;overflow:hidden}#designBG{will-change:clip-path;position:relative;background-image:radial-gradient(#d45168,#9f2950);-webkit-clip-path:polygon(0 0,40% 0,60% 100%,0 100%);clip-path:polygon(0 0,40% 0,60% 100%,0 100%);padding:0;background-position:100%;transition:-webkit-clip-path .3s ease-in-out;transition:clip-path .3s ease-in-out;transition:clip-path .3s ease-in-out,-webkit-clip-path .3s ease-in-out}#designBG,#devBG{width:100%;height:max(100vh,600px);display:flex;justify-content:center;align-items:center}#devBG{position:absolute;background-image:radial-gradient(#4374be,#254f8c)}#designBGoverlay{position:absolute;background-color:#d45168;width:100%;height:100%;opacity:.75;mix-blend-mode:color}@keyframes rotateanimation{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.rotatingbg{position:relative;background-size:cover;filter:blur(4px);opacity:.25;transform-origin:center;animation-name:rotateanimation;animation-duration:120s;animation-iteration-count:infinite;transition:width .25s linear,height .25s linear;overflow-y:hidden}#scrollingdesigns{background-image:url(webpack:///mini-css-extract-plugin/_next/static/media/RotatingDesigns.7f0f10ee.png)}#scrollingdev{background-image:url(webpack:///mini-css-extract-plugin/_next/static/media/RotatingDev.392e8446.png)}#devBGoverlay{position:absolute;background-image:radial-gradient(#4374be,#254f8c);width:100%;height:100%;opacity:.5;mix-blend-mode:color}@media screen and (max-width:400px){#textFirstLine{font-size:1rem}#textSecondLine{font-size:2.75rem}#textFourthLine,#textThirdLine{font-size:.75em}#tabContainer{flex-direction:column}.rotatingbg{width:400px;height:400px}}@media (min-width:400px) and (max-width:650px){#textFirstLine{font-size:1.25rem}#textSecondLine{font-size:3.5rem}#textThirdLine{font-size:.9em}#textFourthLine{font-size:.75em}#tabContainer{flex-direction:column}.rotatingbg{width:400px;height:400px}}@media (min-width:650px) and (max-width:1000px){.rotatingbg{width:600px;height:600px}}@media (min-width:1000px){.rotatingbg{width:1000px;height:1000px;overflow:hidden;opacity:.15;filter:blur(6px)}}@keyframes landStart{0%{opacity:0}50%{opacity:0;-webkit-clip-path:polygon(0 0,0 100%,0 100%,0 0,100% 0,100% 100%,100% 100%,100% 0);clip-path:polygon(0 0,0 100%,0 100%,0 0,100% 0,100% 100%,100% 100%,100% 0)}to{opacity:1;-webkit-clip-path:polygon(0 0,0 100%,60% 100%,40% 0,100% 0,100% 100%,60% 100%,40% 0);clip-path:polygon(0 0,0 100%,60% 100%,40% 0,100% 0,100% 100%,60% 100%,40% 0)}}.projectportalcontainer{transform:translateY(25px);width:80%;height:auto;display:flex;justify-content:center;flex-wrap:wrap;margin-left:50px;margin-right:50px}#anim1{animation-duration:1s}#anim2{animation-duration:1.25s}#anim3{animation-duration:1.5s}#anim4{animation-duration:1.75s}.box-container{display:flex;flex-direction:column;animation:boxShows 1s ease-in-out;align-items:center}.box-container p{font-size:1rem;text-align:center;font-weight:300;width:250px;opacity:0;margin-bottom:25px;transition:opacity .2s linear,height .2s linear}.projecttypebox{letter-spacing:.1em;font-weight:700;font-size:1.25rem;padding:50px;cursor:pointer;color:#fff;width:300px;height:350px;border-radius:25px;margin:25px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;transition:transform .2s ease-in-out}.projecttypebox:hover{transform:scale(1.1)}.projecttypebox:hover~p{opacity:1;height:auto}.projecttypebox a{transform:translateY(20px)}.highlight{display:flex;justify-content:space-between;width:80%;max-width:1100px;height:auto;align-items:center;opacity:1;transform:translateY(0);margin:40px;transition:opacity 1.25s ease-in-out,transform 1.25s ease-in-out}.highlight .invisible{opacity:0;transform:translateY(50px);transition:opacity .5s ease-in-out,transform .5s ease-in-out}.right{text-align:right;flex-direction:row-reverse}.right>.highlightSideText{align-items:flex-end}.right>.highlightSideText .categoryList{justify-content:flex-end}.highlightSideText{display:flex;flex-direction:column;align-items:flex-start;width:70%;margin-top:50px;margin-bottom:50px}.highlightSideText .categoryList{justify-content:flex-start}.highlightSideText h2{font-weight:600;margin:10px 0;font-family:Lexend Tera,Arial,Helvetica,sans-serif;text-transform:uppercase;min-width:270px}.highlightSideText h3{letter-spacing:.1rem;font-weight:200;font-size:.9rem;margin:0;color:hsla(0,0%,100%,.5);text-transform:uppercase}.highlightSideText p{font-weight:300;letter-spacing:.1rem;font-size:.8rem}.highlightSideText button{background-color:#fff;color:#212c38;width:50%;min-width:300px;margin:15px 0 0;padding:15px;transition:background-color .1s ease-in-out,color .1s ease-in-out;border:2px solid #fff;border-radius:50px;cursor:pointer}.highlightSideText button:hover{background-color:transparent;color:#fff}.highlightThumbnail{background-repeat:no-repeat;background-size:contain;background-position:50%;width:80%;height:100%;margin:25px;transition:transform .1s ease-in-out}.highlightThumbnail:hover{transform:scale(1.1)}.highlightcontainer{transform:translateY(25px);width:80%;height:auto;display:flex;justify-content:center;flex-wrap:wrap;margin-left:50px;margin-right:50px;margin-bottom:50px}@keyframes boxShows{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}@media screen and (max-width:1200px){.highlight{flex-direction:column;text-align:center;margin:0}.highlight h2{font-size:1.2rem}.highlight h3{font-size:.8rem;display:none}.highlight p{font-size:.7rem}.highlight button{width:100%;min-width:100%;font-size:.8rem;padding:.5rem}.highlightSideText{margin-top:10px;max-width:400px;align-items:center}.highlightSideText .categoryList{justify-content:center}.right>.highlightSideText{align-items:center}.right>.highlightSideText .categoryList{justify-content:center}.highlightThumbnail{background-repeat:no-repeat;background-size:contain;background-position:50%;width:100%;height:250px;margin:0}}.projectpage{position:relative;background-color:#212c38;color:#fff;width:100vw;height:100vh;z-index:0;overflow-x:hidden;overflow-y:scroll;flex-direction:column;-ms-scroll-snap-type:inline mandatory;scroll-snap-type:inline mandatory}.cardContainer,.projectpage{display:flex;align-items:center}.cardContainer{justify-content:center;flex-wrap:wrap;padding-bottom:50px}@media screen and (max-width:800px){.textContainer a{font-size:1.5em}.textContainer div{font-size:.75em;display:flex;flex-direction:column;align-items:center;line-height:2em}.projecttypebox{width:250px;height:250px;font-size:1.1rem;margin:25px}.box-container p{display:none;margin:15px}}@keyframes showProjType{0%{opacity:0;width:0;-webkit-clip-path:polygon(40% 0,60% 0,60% 100%,40% 100%);clip-path:polygon(40% 0,60% 0,60% 100%,40% 100%)}to{opacity:1;width:auto;-webkit-clip-path:polygon(0 0,100% 0,100% 100%,0 100%);clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}}@keyframes casestudy-launch{0%{opacity:0;transform:translateY(50px);filter:blur(25px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}.casestudy-page{scroll-behavior:smooth}.casestudy-page section{margin:0;width:100%;height:auto;display:flex;flex-direction:column;justify-content:center;align-items:center}.casestudy-page section h2{font-family:Lexend Tera}.casestudy-thumbnail{background-repeat:no-repeat;background-size:contain;background-position:50%;width:80%;height:250px;margin:25px}#casestudy-intro{background-image:linear-gradient(180deg,rgba(33,44,56,0),#212c38),linear-gradient(to bottom left,rgba(212,81,104,.5),rgba(59,106,176,.5),rgba(59,106,176,0));height:100vh}#casestudyctr-intro>*{opacity:0}#casestudyctr-intro h3{color:hsla(0,0%,100%,.5)}.casestudyskill-section{margin-top:15px}.casestudyskill-section>*{margin:0}.casestudyskills{display:flex}.casestudyskill-stack{margin-top:15px;margin-left:15px;margin-right:15px}.casestudyskill-stack h4{text-transform:uppercase;margin:0}.casestudyskillsctr{display:flex;justify-content:center;width:200px;height:auto}.casestudyskillsctr>*{margin:14px}.casestudyskillitem{display:flex;flex-direction:column;align-items:center;position:relative}.casestudyskillitem p{position:absolute;transform:translateY(25px);display:none;z-index:0}.casestudyskillitem>:first-child{margin:0;transform:scale(.9);transition:transform .1s ease-in-out;z-index:5}.casestudyskillitem>:first-child:hover{transform:scale(1.1)}.casestudyskillitem>:first-child:hover+p{display:block}.casestudy-container{display:flex;flex-direction:column;justify-content:center;align-items:center;width:70%;margin-top:50px;margin-bottom:50px;text-align:center}.casestudy-container>*{opacity:0}.casestudy-container h1{text-align:center;text-transform:uppercase;letter-spacing:0;font-size:2rem;margin:15px 0 0}.casestudy-container h3{text-transform:uppercase;font-weight:300;font-size:1.25rem;margin:15px}.casestudy-container h3 b{font-weight:700}.casestudy-container p{font-size:1rem}.casestudy-container ul{font-size:.75rem;max-width:500px}.problem{display:flex;flex-direction:column;align-items:center;margin:25px}.problem h3{margin:0}.problem p{width:50vw}#casestudy-problems{background-color:#212c38;background-image:linear-gradient(0deg,#9f2950,rgba(159,41,80,.5));height:auto;padding-top:150px;padding-bottom:100px;justify-content:flex-start;-webkit-clip-path:polygon(100% 0,100% 90%,50% 100%,0 90%,0 0,50% 10%);clip-path:polygon(100% 0,100% 90%,50% 100%,0 90%,0 0,50% 10%)}#casestudyctr-problems{height:auto}#casestudy-context p{width:70%;color:hsla(0,0%,100%,.5)}@keyframes oscillate-nav{0%{transform:translateY(0)}50%{transform:translateY(3px)}to{transform:translateY(0)}}.casestudy-nav1{cursor:pointer;margin-top:25px;animation:oscillate-nav 2s ease-in-out 1s infinite}.casestudy-nav1:hover{opacity:1}#casestudy-solutions{background-image:linear-gradient(0deg,rgba(33,44,56,0),#212c38),linear-gradient(to bottom left,rgba(212,81,104,.5),rgba(59,106,176,.5),rgba(59,106,176,0));justify-content:flex-start}#casestudyctr-solutions{justify-content:flex-start;height:auto}#casestudyctr-solutions h3{color:#629bf0;font-weight:700}#casestudyctr-solutions h4{margin:0 0 15px}#casestudyctr-solutions p{opacity:.5;width:70%;margin:0}.solution{margin-bottom:50px;display:flex;flex-direction:column;align-items:center}@media screen and (max-width:1000px){#casestudy-problems{-webkit-clip-path:polygon(100% 0,100% 95%,50% 100%,0 95%,0 0,50% 5%);clip-path:polygon(100% 0,100% 95%,50% 100%,0 95%,0 0,50% 5%)}}@media screen and (max-width:800px){.casestudy-page h1{font-size:1.5rem}.casestudy-page h2,.casestudy-page h3,.casestudy-page h4{font-size:1rem}.casestudy-page p{font-size:.9rem}.casestudy-page ul{min-width:250px;text-align:left}.casestudyskills{flex-direction:column}.casestudyskill-section{display:none}}@media screen and (max-width:500px){#casestudy-problems{-webkit-clip-path:polygon(100% 0,100% 97%,50% 100%,0 97%,0 0,50% 3%);clip-path:polygon(100% 0,100% 97%,50% 100%,0 97%,0 0,50% 3%)}}#aboutpage{overflow-y:scroll}.profilepicframe{position:absolute;border-radius:40px;width:220px;height:220px}#profile-container{display:flex;align-items:center;margin:50px;justify-content:space-between}#profilepic-container{position:relative;width:220px;height:220px;transition:transform .2s ease-in-out}#profilepic-container:hover{transform:translateY(-10px)}#profilepic-container:hover #redprofilebg{background-color:#d45168}#profilepic-container:hover #blueprofilebg{background-color:#629bf0}#profilepic,#profilepicoverlay{background-size:340px auto;background-position:-80px -50px;background-repeat:no-repeat}#profilepicoverlay{opacity:1;transition:opacity .2s linear}#profilepic-container:hover #profilepicoverlay{opacity:0}#redprofilebg{border:4px solid #d45168;transform:translate3d(-15px,-15px,0)}#blueprofilebg,#redprofilebg{z-index:0;transition:background-color .2s ease-in-out}#blueprofilebg{border:4px solid #629bf0;transform:translate3d(15px,15px,0)}#profilesummary{font-weight:200;font-size:1em;letter-spacing:.05em;width:340px;line-height:1.4em;margin-left:60px}.desTxt{color:#ff859b;font-weight:700}.devTxt{color:#629bf0;font-weight:700}.resume{display:grid;align-items:center}.resumeentry{flex-direction:column;line-height:1.5em;margin-top:2em;letter-spacing:.05em}.resumeentry,.resumetimelabel{display:flex;width:100%;height:auto}.resumetimelabel{grid-column-start:1;grid-column-end:2;align-items:center;justify-content:center;font-weight:200;letter-spacing:.1em}.resumedivider{grid-column-start:2;grid-column-end:3;background-color:#fff;width:1px;height:200px;margin-left:50px;margin-right:50px}.resumejobgroup{grid-column-start:3;grid-column-end:4;margin-top:2em;margin-bottom:2em}.resumepos{font-weight:700;font-size:1.2em;text-transform:uppercase;font-family:Lexend Tera;letter-spacing:0;max-width:480px}.resumecompany{font-weight:500;font-size:.9em;text-transform:uppercase;opacity:.5}.resumedata{font-weight:200;font-size:.9em}.toolList{display:flex;flex-wrap:wrap;width:500px;align-items:center;margin-top:10px;margin-bottom:10px}.jobTool{padding:2px 10px;margin-bottom:10px;margin-right:5px;border-radius:20px;border:1.5px solid #fff;color:#fff;font-weight:300;font-size:.7em;transition:background-color .2s linear,color .2s linear}.jobTool:hover{color:#212c38;background-color:#fff}.resumedesc{font-weight:200;font-size:.9em}@media screen and (max-width:800px){#profile-container{flex-direction:column}#profilesummary{margin-left:0;margin-top:40px;font-size:.9em;width:300px;text-align:center}.resume{justify-items:center;padding:0 50px}.resumetimelabel{margin-top:50px}.resumedivider{width:100px;height:1px;grid-column-start:1;grid-column-end:2;margin:25px 0}.resumeentry{margin-top:0;align-items:center;justify-content:center;text-align:center}.resumejobgroup{grid-column-start:1;grid-column-end:2}.resumepos{font-size:1em}.resumecompany{font-weight:400;font-size:.8em}.resumedata{font-weight:200;font-size:.8em}.toolList{justify-content:center;width:300px}.jobTool{font-size:.7em}}#contactpage{position:relative;z-index:0;overflow-x:hidden;overflow-y:auto;-ms-scroll-snap-type:inline mandatory;scroll-snap-type:inline mandatory}#contactpage p{font-weight:300;letter-spacing:.05em}#contactpage input,#contactpage textarea{font-family:Overpass Mono;font-size:.9rem}.boxcontainer{display:flex;transform:translateY(25px)}.contactbox{letter-spacing:.1em;font-weight:700;font-size:1.25rem;padding:6em 0;cursor:pointer;color:#fff;width:300px;height:350px;border-radius:25px;margin:25px;display:flex;flex-direction:column;justify-content:space-around;align-items:center;text-align:center;transition:transform .25s ease-in-out}.contactbox:hover{transform:scale(1.1)}#linkedin{text-decoration:none;margin-bottom:100px}#linkedin,button{background-color:#629bf0}button{font-family:Overpass Mono,Lexend Deca,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-weight:700;font-size:1em;padding:20px;letter-spacing:.05em;border:none;margin:10px;border-radius:10px;display:flex;justify-content:center;color:#fff;align-items:center;transition:transform .25s ease-in-out,background-color .25s ease-in-out}.enabled{cursor:pointer}.enabled:hover{transform:scale(1.1)}.loading-dot{animation:dotsloading 2s ease-in-out infinite}@keyframes dotsloading{0%{transform:translateY(0)}25%{transform:translateY(-5px)}50%{transform:translateY(2px)}75%{transform:translateY(0)}}@media screen and (max-width:800px){#contactpage{overflow-y:scroll}.contactbox{font-size:1em;padding:8em 0}.textContainer div{display:flex;flex-direction:column;align-items:center;line-height:2em}.projecttypebox{width:250px;height:250px;font-size:1.1rem}}.errorPage{width:100vw;height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#fff;font-weight:300;animation:start 1s ease-in-out}#icon{font-size:5em}.errorPage h4{margin:0;padding:0;font-weight:300;letter-spacing:.2em;font-size:1.25em}.errorPage a,.errorPage h1{letter-spacing:.1em}.errorPage a{font-weight:300;cursor:pointer;transition:font-weight .1s linear}.errorPage a:hover{font-weight:700}@keyframes start{0%{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}.card{width:350px;height:500px;border-radius:15px;margin:50px 50px 0;color:#fff;display:flex;flex-direction:column;align-items:center;opacity:1;transform:translateY(0);transition:opacity 1s ease-in-out,transform 1s ease-in-out}.invisible{opacity:0;transform:translateY(50px);transition:opacity .5s ease-in-out,transform .5s ease-in-out}.thumbnail{display:flex;color:#fff;font-weight:200;justify-content:center;width:auto;height:auto}.cardBG{background-color:#9f2950;background-repeat:no-repeat;background-size:cover;background-position:50%;box-shadow:0 0 50px rgba(0,0,0,.15)}.cardBG,.overlayBG{position:absolute;width:250px;height:200px;border-radius:15px;transition:opacity .25s ease-out,width .25s ease-out,height .25s ease-out,margin-bottom .25s ease-out}.overlayBG{display:flex;flex-direction:column;opacity:0;background-color:rgba(0,0,0,.6);justify-content:center;align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.designBG{position:relative;transform:translate3d(-15px,15px,0);width:250px;height:200px;background-repeat:no-repeat;background-size:cover;background-position:50%;border-radius:15px;box-shadow:0 0 50px rgba(0,0,0,.15);transition:opacity .25s ease-out,width .25s ease-out,height .25s ease-out,margin-bottom .25s ease-out}.thumbnail:hover .overlayBG{width:300px;height:230px;opacity:1}.thumbnail:hover .cardBG{width:300px;height:230px}.thumbnail:hover .designBG{width:300px;height:230px;opacity:.75}.metadata{width:auto;height:auto;transform:translateY(40px);display:flex;flex-direction:column;align-items:center}.card h1{font-size:1.25em;position:relative;margin:10px 0 0;letter-spacing:0;text-transform:uppercase}.card h2{font-weight:500;letter-spacing:.05em;font-size:15px;color:hsla(0,0%,100%,.5);text-align:center}.projectLink{margin-top:15px;padding-bottom:5px;background-image:linear-gradient(#fff,#fff);background-position:0 100%;background-size:0 3px;background-repeat:no-repeat;font-weight:300;transition:font-weight .2s ease-out,background-size .2s ease-out,background-position 0s ease-out .2s}.projectLink:hover{font-weight:700;background-position:100% 100%;background-size:100% 3px}.categories{color:#fff;margin-top:-5px;display:flex;justify-content:center;align-items:center}.projtool{padding:10px 20px;margin-left:5px;margin-right:5px;border-radius:30px;font-weight:300;font-size:12px}.description{margin:5px;width:250px;font-weight:200;line-height:16px;font-size:12px;text-align:center;letter-spacing:1px;line-height:1.25em}.categoryList{flex-wrap:wrap;justify-content:center;min-width:300px}.category,.categoryList{display:flex;align-items:center}.category{font-weight:300;font-size:.8em;letter-spacing:.2em;text-transform:uppercase}.category:last-of-type .separator{display:none}.linksList{flex-wrap:wrap;margin-top:15px}.link,.linksList{display:flex;align-items:center}.link{cursor:pointer;font-weight:300;font-size:1em;letter-spacing:.2em;justify-content:center;text-transform:uppercase}.link p{padding-bottom:2px;margin:5px 0;background-image:linear-gradient(#fff,#fff);background-position:0 100%;background-size:0 2px;background-repeat:no-repeat;transition:font-weight .2s linear,background-size .2s ease-out,background-position 0s ease-out .2s}.link p:hover{font-weight:700;background-position:100% 100%;background-size:100% 3px}.link:last-of-type .separator{display:none}.icon{margin-right:8px}@media screen and (max-width:1200px){.link{margin:0}}@media screen and (max-width:800px){.linksList{justify-content:center}.link{height:-moz-fit-content;height:fit-content}.link p{display:none}.icon{transform:scale(1.5);transition:opacity .2s linear}.icon:hover{opacity:.75}}