@import url(https://fonts.googleapis.com/css?family=Roboto|Red+Hat+Display|Roboto+Slab|Slabo+27px&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Shadows+Into+Light&display=swap);
@keyframes arrowMotionBefore{0%{top:0px;left:0px}100%{top:20px;left:20px}}@keyframes arrowMotionAfter{0%{top:0px;left:0px}80%,100%{top:40px;left:40px}}path.shp0{fill:#f4e6a9;stroke:#f4e6a9;stroke-width:.5;fill-opacity:0;animation-name:dash,fill;animation-duration:2s,2s;animation-delay:.8s,1.8s;animation-fill-mode:forwards}@keyframes dash{to{stroke-dashoffset:0}}@keyframes fill{to{fill-opacity:1}}.loader-container{position:fixed;top:0;left:0;height:100%;width:100%;z-index:10000;opacity:1;display:flex;align-items:center;justify-content:center;height:100vh;color:none;fill:none;background:#122848;transition:opacity 1s linear}path.shp0{fill:#d9a85b;stroke:#d9a85b;stroke-width:.5;fill-opacity:0;animation-name:dash,fill;animation-duration:2s,2s;animation-delay:0s,1s;animation-fill-mode:forwards}@keyframes dash{to{stroke-dashoffset:0}}@keyframes fill{to{fill-opacity:1}}.loader-svg{transform:scale(1);fill:none}#m{stroke-dasharray:305.0008239746px;stroke-dashoffset:305.0008239746px}#a1{stroke-dasharray:239.8740386963px;stroke-dashoffset:239.8740386963px}#r{stroke-dasharray:108.5174942017px;stroke-dashoffset:108.5174942017px}#k{stroke-dasharray:215.3938903809px;stroke-dashoffset:215.3938903809px}#h{stroke-dasharray:218.9926147461px;stroke-dashoffset:218.9926147461px}#a2{stroke-dasharray:239.8748321533px;stroke-dashoffset:239.8748321533px}#l{stroke-dasharray:104.0399780273px;stroke-dashoffset:104.0399780273px}#s{stroke-dasharray:197.4832763672px;stroke-dashoffset:197.4832763672px}#t{stroke-dasharray:136.8014831543px;stroke-dashoffset:136.8014831543px}#e1{stroke-dasharray:222.5667724609px;stroke-dashoffset:222.5667724609px}#a3{stroke-dasharray:239.8740386963px;stroke-dashoffset:239.8740386963px}#d1{stroke-dasharray:254.505569458px;stroke-dashoffset:254.505569458px}#dot{stroke-dasharray:11.4070501328px;stroke-dashoffset:11.4070501328px}#d2{stroke-dasharray:254.4999389648px;stroke-dashoffset:254.4999389648px}#e2{stroke-dasharray:222.5717315674px;stroke-dashoffset:222.5717315674px}#v{stroke-dasharray:151.4428405762px;stroke-dashoffset:151.4428405762px}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}:focus{outline:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration,input[type=search]::-webkit-search-results-button,input[type=search]::-webkit-search-results-decoration{-webkit-appearance:none;-moz-appearance:none}input[type=search]{-webkit-appearance:none;-moz-appearance:none;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}textarea{overflow:auto;vertical-align:top;resize:vertical}audio,canvas,video{display:inline-block;*display:inline;*zoom:1;max-width:100%}audio:not([controls]){display:none;height:0}[hidden]{display:none}html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}a:focus{outline:thin dotted}a:active,a:hover{outline:0}img{border:0;-ms-interpolation-mode:bicubic}figure{margin:0}form{margin:0}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0;white-space:normal;*margin-left:-7px}button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle}button,input{line-height:normal}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer;*overflow:visible}button[disabled],html input[disabled]{cursor:default}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0;*height:13px;*width:13px}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0}html,button,input,select,textarea{color:#222}::-moz-selection{background:#b3d4fc;text-shadow:none}::selection{background:#b3d4fc;text-shadow:none}img{vertical-align:middle}fieldset{border:0;margin:0;padding:0}textarea{resize:vertical}.chromeframe{margin:.2em 0;background:#ccc;color:#000;padding:.2em 0}.arrowDown{border:solid rgba(255,255,255,.6);border-left:0;border-top:0;transform:rotate(45deg);position:absolute;left:47.5vw;bottom:15vh;width:30px;min-width:20px;height:30px;min-height:20px;margin:0 auto;z-index:202}.arrowDown:before{z-index:201;content:"";width:100%;height:100%;position:absolute;top:0px;left:0px;border:solid rgba(255,255,255,.8);border-left:0px;border-top:0px;animation:arrowMotionBefore .5s 1.5s infinite ease alternate forwards}.arrowDown:after{z-index:200;content:"";width:100%;height:100%;position:absolute;top:0px;left:0px;border:solid #fff;border-left:0px;border-top:0px;animation:arrowMotionAfter .5s 1.5s infinite ease alternate forwards}.arrowDown:hover{color:#fff}*{box-sizing:border-box;scroll-behavior:smooth}html{height:100%;width:100vw;position:relative}body{position:relative;width:100%;height:100%;overflow-x:hidden}body .fixed{position:fixed}body .default{position:initial}.body-wrapper{width:100%;position:absolute}.topText{border-bottom:1px rgba(10,10,100,.95) solid;padding-right:50vw;margin-top:150px;margin-bottom:70px;z-index:200;max-width:110px;font-family:roboto;color:rgba(10,10,100,.95)}.topText.darkBackground{color:#f4e6a9;border-bottom:1px #f4e6a9 solid}h2{display:flex;flex-direction:column;font-size:.8rem}h2 span{font-size:1.2rem;font-weight:800;z-index:2}.scroll-active{transition:transform .4s ease;transform:rotate(-90deg);top:80px;left:-40px}.nav{z-index:1500;font-family:roboto;height:100px;position:fixed;margin-bottom:100px;transition:position .2s ease}.nav .name{position:fixed;text-decoration:none;left:3vw;top:3vh;font-size:1.3em;color:#262829;font-weight:normal;z-index:9999;transition:transform .4s ease,left .4s ease,top .4s ease;transform:rotate(0deg);font-stretch:condensed;font-weight:400}.nav .name strong{font-weight:600}.nav .name-vertical{text-decoration:none;position:fixed;transform:rotate(-90deg);top:calc(50vh - 3ch);left:-2.5em;font-size:1.2em;font-weight:normal;color:#d9a85b;transition:transform .4s ease,left .4s ease,top .4s ease}.nav .name-dark{color:#262829}.nav .desktop{visibility:hidden}.nav .menuList{font-size:1.4rem;position:fixed;top:calc(25px + .5em);right:5%;list-style:none;display:flex;transform:rotate(0deg);transition:transform .4s ease,top .4s ease,right .4s ease}.nav .menuList .menuListItem{margin-left:20px;position:relative}.nav .menuList li{cursor:pointer}.nav .menuList li a{text-decoration:inherit;color:inherit;color:#d9a85b;color:#262829}.nav .menuList li:after{content:"";bottom:-10%;left:0ch;position:absolute;width:0%;height:2px;background-color:rgba(50,50,50,.7);transition:border-radius .4s ease,width .4s ease,background-color .4s ease}.nav .menuList li:hover:after{content:"";bottom:-10%;left:0ch;position:absolute;width:100%;height:2px;background-color:rgba(150,150,150,.7);border-radius:3px}.nav .menuList-vertical{list-style:none;display:flex;font-size:1.5rem;position:fixed;transform:rotate(90deg);top:calc(50vh - 8ch);right:-4.5em;color:#d9a85b;transition:transform .4s ease-out,top .4s ease,right .4s ease}.nav .menuList-vertical .menuListItem{margin-left:20px;position:relative}.nav .menuList-vertical li{cursor:pointer}.nav .menuList-vertical li a{text-decoration:inherit;color:#d9a85b;text-shadow:#262829 1px -1px 2px}.nav .menuList-vertical li:after{content:"";bottom:-10%;left:0ch;position:absolute;width:0%;height:2px;background-color:rgba(50,50,50,.7);transition:background-color .4s ease,width .4s ease}.nav .menuList-vertical li:hover:after{content:"";bottom:-10%;left:0ch;position:absolute;width:100%;height:2px;background-color:rgba(150,150,150,.7);border-radius:3px}.nav .list-dark{color:#262829}.nav .menu{position:fixed;top:0%;right:0%;width:70px;height:70px;padding:0;cursor:pointer;z-index:2100}.nav .burg{position:relative;top:30%;left:30%}.nav .burg span{z-index:2100;width:33px;height:3px;background:#262829;position:absolute;transition:transform ease .4s;top:0px}.nav .burg span:nth-of-type(2){top:10px}.nav .burg span:nth-of-type(3){top:20px}.nav .burg-light{position:relative;top:30%;left:30%}.nav .burg-light span{z-index:2100;width:33px;height:3px;background:#d9a85b;position:absolute;transition:transform ease .4s;top:0px}.nav .burg-light span:nth-of-type(2){top:10px}.nav .burg-light span:nth-of-type(3){top:20px}.nav .menu.menu-active{clip-path:inherit}.nav .menu.menu-active .burg span:nth-of-type(1),.nav .menu.menu-active .burg-light span:nth-of-type(1){transform:rotate(45deg);top:10px}.nav .menu.menu-active .burg span:nth-of-type(2),.nav .menu.menu-active .burg-light span:nth-of-type(2){background-color:rgba(0,0,0,0)}.nav .menu.menu-active .burg span:nth-of-type(3),.nav .menu.menu-active .burg-light span:nth-of-type(3){transform:rotate(-45deg);top:10px}.nav .modal{z-index:10000;font-size:calc(1em + 1.5vmin);visibility:visible;position:fixed;left:100vw;top:0px;width:90vw;height:100vh;display:flex;flex-direction:column;transition:left .4s ease-out}.nav .modal ul{list-style:none;margin-top:100px;width:100%}.nav .modal ul li{padding:20px;padding-right:6ch;text-align:right;-webkit-text-align:right;position:relative;transition:padding-left .2s ease}.nav .modal ul li:hover{color:#f4e6a9;padding-left:30px;transition:padding-left .2s ease}.nav .modal ul li a:visited,.nav .modal ul li a:link,.nav .modal ul li a:hover{color:inherit;text-decoration:none}.nav .modal .contactBox{height:50vh;padding:25px;display:flex;justify-content:center;align-items:center}.nav .modal-active{z-index:2000;color:#d9a85b;left:10vw;top:0px;width:90vw;height:100vh;transition:left .2s ease-out;background:linear-gradient(45deg, rgba(40, 61, 80, 0.8901960784), rgb(18, 40, 72))}.nav .modal-active a{color:inherit;text-decoration:inherit}@media(min-width: 850px){.nav .mobile{visibility:hidden;transition:trasnform .4s ease-out}.nav .desktop{visibility:visible}}.front{width:100vw;height:92vh;position:relative;overflow:hidden}.front .me{position:absolute;font-family:"Red Hat Display";max-width:80vw;margin-top:10vh;cursor:pointer;margin-left:12vw;left:0;top:22vh;z-index:2;flex-direction:column;z-index:1;transition:opacity .1s ease;display:flex;overflow:hidden}.front .me p{font-size:2.4rem}.front .me span{color:#262829;text-shadow:0px 0px 0px #0d0e0e}p.intro{color:#262829;text-shadow:0px 0px 0px #0d0e0e;font-family:"Shadows Into Light";padding:10px}@media(max-width: 400px){.front .me p{font-size:1.8em}}.svg-container{transform:scale(1.2);background-size:100%;background-position:center;width:100%;height:100%;overflow:hidden !important}.svg-front{display:inline;width:auto;min-height:100%;min-width:100vw;height:100vh}.top{position:absolute;z-index:-1;top:0;left:0}.top2{position:absolute;top:-2px;left:0}.top3{position:absolute;top:-4px;left:0}.mid{position:absolute;top:-6px;left:0}.mid2{position:absolute;top:-8px;left:0}.mid3{position:absolute;top:-10px;left:0}.bottom-right{position:absolute;top:-6px;left:0}@media only screen and (min-aspect-ratio: 1/1){.svg-container{transform:unset;top:-7vh;overflow-x:hidden}.top{width:inherit;height:auto;top:-18vh;transform:translateY(75px)}.top2,.top3,.mid,.mid2,.mid3,.bottom-right{width:inherit;height:auto}.top2{top:-19vh}.top3{top:-20vh}.mid{top:-21vh}.mid2{top:-22vh}.mid3{top:-23vh}.bottom-right{top:-24vh}}@media only screen and (max-aspect-ratio: 1933/2237){.svg-container{overflow:hidden;transform:scale(1.2)}.top{width:auto;height:100vh;overflow-x:hidden}.top2,.top3,.mid,.mid2,.mid3,.bottom-right{width:auto;height:100vh;overflow-x:hidden}}.arrowDown{border:solid rgba(217,168,91,.6);border-left:0;border-top:0;transform:rotate(45deg);position:absolute;left:47.5vw;bottom:15vh;width:30px;min-width:20px;height:30px;min-height:20px;margin:0 auto;z-index:202}.arrowDown:before{z-index:201;content:"";width:100%;height:100%;position:absolute;top:0;left:0;border:solid rgba(217,168,91,.8);border-left:0px;border-top:0px;animation:arrowMotionBefore .5s 1.5s infinite ease alternate forwards}.arrowDown:after{z-index:200;content:"";width:100%;height:100%;position:absolute;top:0;left:0;border:solid #d9a85b;border-left:0;border-top:0;animation:arrowMotionAfter .5s 1.5s infinite ease alternate forwards}@keyframes arrowMotionBefore{0%{top:0;left:0}100%{top:20px;left:20px}}@keyframes arrowMotionAfter{0%{top:0;left:0}80%,100%{top:40px;left:40px}}@supports(-webkit-touch-callout: none){.svg-container>*{display:none}.svg-container{background-image:url("/assets/ios-background.jpg");background-size:cover;background-position:center;background-repeat:no-repeat}@media(orientation: landscape){.svg-container{width:100%;height:100%;background-position:top}}@media(orientation: portrait){.svg-container{width:auto;height:100%}}}@supports not (-webkit-touch-callout: none){.ios-background{display:none}.svg-container>*{display:inherit}.svg-container{display:inherit}}.trees-foreground{fill:#3f534d;fill:#243433}.trees-background{fill:#384841}.trees-midground{fill:#2d3428}#trees{position:absolute;top:1px;transform:translateY(-100%);z-index:1}#mountains{display:block;position:absolute;z-index:0;bottom:0;transform:translateY(95%) rotate(180deg);fill:#262829}.about{z-index:1;display:flex;flex-direction:column;letter-spacing:.5px;align-items:center;justify-content:center;position:relative;width:100vw;background-color:#262829;padding-bottom:20vmin;padding-top:10vmin}.about .background-layer{position:relative;width:90%;height:100%;padding:0px 20px;display:flex;justify-content:center;margin-bottom:-10vh}.about-grid{font-family:Roboto;overflow:wrap;display:grid;color:#fff;width:90%;grid-template-columns:repeat(5, 20%);grid-template-rows:repeat(5, 20%);z-index:2}.about-grid .svg-man{grid-column:2/3;grid-row:1/3;display:flex;justify-self:center;padding:1.5vw;width:40vmin;max-width:250px;z-index:10;align-self:center;border-radius:188px}.about-grid .hello{position:relative;padding-top:50px;grid-column:3/5;grid-row:1/3;display:flex;flex-direction:column;letter-spacing:.4px;font-size:calc(2em + 5vmin);align-items:center;justify-content:center;color:rgba(0,13,78,.81);color:#d9a85b;z-index:11;padding-top:50px}.about-grid .hello::after{position:absolute;content:"Hello!";top:calc(-49px + 2em - 5vmin);left:-50px;font-size:calc(2rem + 4vmin);color:rgba(217,168,91,.2);z-index:1}.about-grid .mainBlurb{font-size:1.5rem;font-weight:800;grid-column:3/6;grid-row:3/3;z-index:2;justify-self:center;text-align:initial;padding-left:2vw;max-width:40vw;line-height:1.1em}.about-grid .mainBlurb strong{color:#d9a85b;font-size:1.1rem}.about-grid .skills{grid-column:3/5;grid-row:3/5;display:flex;justify-self:center}.about-grid p{font-size:1rem;margin-top:1.5vh;z-index:50}.about-grid ul{display:flex;justify-content:center;align-items:center;flex-flow:column wrap;width:100%}.about-grid li{font-size:.9rem;list-style:none;padding:5px}.contact-container{width:100%;display:flex;align-items:center;justify-content:center;grid-column:1/6;grid-row:5/5}a.contact{cursor:pointer;align-items:center;padding:10px;display:flex;text-align:center;font-size:1rem;text-decoration:none;line-height:1.6rem;background-color:rgba(200,200,200,0);color:#fafafa;border:1px solid #262829;border-radius:20px;transition:all .2s ease}a.contact::selection{background-color:rgba(0,0,0,0)}a.contact:hover{background-color:rgba(200,200,200,.1);border-radius:1px}a.contact:active{background-color:rgba(150,150,150,.4)}.trees{height:100%;width:auto}.tech-item{width:100%;max-width:300px;padding:0 20px}.tech-bar{height:10px;background:gray;border-radius:5px}.tech-per{height:10px;background-color:#d9a85b;border-radius:5px;width:0%;position:relative;transition:width 1s ease}.tech{height:50vh;width:100vw;margin-top:5vw;margin-bottom:5vw;padding:8vw;top:0;left:0}.floating-icons{position:relative;top:0;left:0;width:100%;height:100%}.tech-icon{position:absolute;top:0;left:0;width:50px;height:50px}@media(max-width: 750px){.about-grid .mainBlurb{max-width:80vw;grid-column:1/6}.about-grid .hello{grid-column:4/5}.about-grid .svg-man{grid-row:1/3;z-index:5}.tech{padding-top:8ch;margin-top:18vh;margin-bottom:18vh}.creations .projects-header{top:3% !important;font-size:8vmin}}:root{--d: 800ms;--e: cubic-bezier(0.21, 1, 0.22, 1)}.creations{z-index:1;position:relative;width:100vw;min-height:150vh;height:fit-content;justify-content:center;align-items:center;display:flex;background-image:linear-gradient(182deg, #262829 0%, #262829 20%, #3d72b4 70%, #7898aa 100%);padding-bottom:100px}.creations .projects-header{font-size:2.5em;color:#d9a85b;justify-content:center;position:absolute;top:2%;font-family:"Red Hat Display";margin-top:-2em;text-shadow:-49px -40px 0px rgba(217,168,91,.2);text-shadow:#262829 1px -1px 2px}.creations .projects-header .apps{z-index:3}.creations .projects-header::before{content:"";width:100%;height:100%;top:0;left:0;position:absolute}.creations .projects-box{margin-top:150px;font-family:roboto;display:flex;flex-flow:column wrap;align-items:center;flex-direction:column;color:navy;margin-bottom:-20vmin;width:100vw}.creations .projects-box .name-img-section{position:relative;height:auto;width:100%;display:grid;margin-top:-5vmin;margin-bottom:20vmin}.creations .projects-box .name-img-section:last-of-type{margin-top:10vh;margin-bottom:40vmin}.creations .projects-box .name-img-section .name-container{position:sticky;position:-webkit-sticky;display:block;top:calc(50% - 15vh);height:20ch;width:fit-content;z-index:2}.creations .projects-box .name-img-section .name-container.jquery{height:6ch}.creations .projects-box .name-img-section .name-container .project-name{position:absolute;width:20vw;font-size:3em;font-family:"Red Hat Display";color:#d9a85b;padding-top:30px;text-align:center;transform:rotate(270deg) translate(-51%, -50%);text-shadow:rgba(0,0,0,.6) -3px 3px 4px;z-index:2}.creations .projects-box .name-img-section .img-container{position:relative;display:flex;flex-flow:column wrap;align-items:center;margin-bottom:20vmin}.creations .projects-box .name-img-section .img-container .proj-card{margin:40px;display:flex;align-items:flex-end;width:40vmin;height:40vmin;position:relative;background:gray;box-shadow:8px 8px 15px -4px rgba(0,0,0,.7);overflow:hidden;text-align:center;color:#f5f5f5;border-radius:10px}.creations .projects-box .name-img-section .img-container .proj-card.stocklists-img:before{filter:opacity(0.6);background-image:url("/../../assets/stocklists-2.png")}.creations .projects-box .name-img-section .img-container .proj-card.drums-img:before{filter:opacity(0.6);background-image:url("/../../assets/drums.png")}.creations .projects-box .name-img-section .img-container .proj-card.markdown-img:before{filter:opacity(0.6);background-image:url("/../../assets/markdown-2.png")}.creations .projects-box .name-img-section .img-container .proj-card.d3-img:before{filter:opacity(0.6);background-image:url("/../../assets/d3-2.png")}.creations .projects-box .name-img-section .img-container .proj-card.calculator-img:before{filter:opacity(0.6);background-image:url("/../../assets/calc-2.png")}.creations .projects-box .name-img-section .img-container .proj-card.simon-img:before{filter:opacity(0.6);background-image:url("/../../assets/simon.png")}.creations .projects-box .name-img-section .img-container .proj-card.tictactoe-img:before{filter:opacity(0.6);background-image:url("/../../assets/tictactoe.png")}.creations .projects-box .name-img-section .img-container .proj-card.timer-img:before{filter:opacity(0.6);background-image:url("/../../assets/timer-2.png")}.creations .projects-box .name-img-section .img-container .proj-card.snake-img:before{filter:opacity(0.6);background-image:url("/../../assets/snek.png")}.creations .projects-box .name-img-section .img-container .proj-card.brothers-img:before{filter:opacity(0.6);background-image:url("/../../assets/brothers.png")}.creations .projects-box .name-img-section .img-container .proj-card.munay-img:before{filter:opacity(0.6);background-image:url("/../../assets/centromunay.png")}.creations .projects-box .name-img-section .img-container .proj-card.mathgenius-img:before{filter:opacity(0.6);background-image:url("/../../assets/Mathgenius.png")}.creations .projects-box .name-img-section .img-container .proj-card.taskcompass-img:before{filter:opacity(0.6);background-image:url("/../../assets/TaskCompass.png")}.creations .projects-box .name-img-section .img-container .proj-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:110%;background-size:cover;background-position:0 0;transition:transform calc(var(--d)*1.5) var(--e);pointer-events:none}.creations .projects-box .name-img-section .img-container .proj-card:after{content:"";display:block;position:absolute;top:0;left:0;width:100%;height:200%;pointer-events:none;background-image:linear-gradient(to bottom, hsla(0, 0%, 0%, 0) 0%, hsla(0, 0%, 0%, 0.009) 11.7%, hsla(0, 0%, 0%, 0.034) 22.1%, hsla(0, 0%, 0%, 0.072) 31.2%, hsla(0, 0%, 0%, 0.123) 39.4%, hsla(0, 0%, 0%, 0.182) 46.6%, hsla(0, 0%, 0%, 0.249) 53.1%, hsla(0, 0%, 0%, 0.32) 58.9%, hsla(0, 0%, 0%, 0.394) 64.3%, hsla(0, 0%, 0%, 0.468) 69.3%, hsla(0, 0%, 0%, 0.54) 74.1%, hsla(0, 0%, 0%, 0.607) 78.8%, hsla(0, 0%, 0%, 0.668) 83.6%, hsla(0, 0%, 0%, 0.721) 88.7%, hsla(0, 0%, 0%, 0.762) 94.1%, hsla(0, 0%, 0%, 0.79) 100%);transform:translateY(0%);transition:transform calc(var(--d)*2) var(--e)}.creations .projects-box .name-img-section .img-container .proj-card:hover:after{transform:translateY(-50%)}.creations .projects-box .name-img-section .img-container .proj-card:hover,.creations .projects-box .name-img-section .img-container .proj-card:focus-within,.creations .projects-box .name-img-section .img-container .proj-card:active{align-items:center}.creations .projects-box .name-img-section .img-container .proj-card:hover:before,.creations .projects-box .name-img-section .img-container .proj-card:focus-within:before,.creations .projects-box .name-img-section .img-container .proj-card:active:before{transform:translateY(-4%)}.creations .projects-box .name-img-section .img-container .proj-card:hover:after,.creations .projects-box .name-img-section .img-container .proj-card:focus-within:after,.creations .projects-box .name-img-section .img-container .proj-card:active:after{transform:translateY(-50%)}.creations .projects-box .name-img-section .img-container .proj-card:hover .proj-content,.creations .projects-box .name-img-section .img-container .proj-card:focus-within .proj-content,.creations .projects-box .name-img-section .img-container .proj-card:active .proj-content{transform:translateY(0)}.creations .projects-box .name-img-section .img-container .proj-card:hover .proj-content>*:not(.proj-title),.creations .projects-box .name-img-section .img-container .proj-card:focus-within .proj-content>*:not(.proj-title),.creations .projects-box .name-img-section .img-container .proj-card:active .proj-content>*:not(.proj-title){opacity:1;transform:translateY(0);transition-delay:calc(var(--d)/8)}.creations .projects-box .name-img-section .img-container .proj-card:focus-within:before,.creations .projects-box .name-img-section .img-container .proj-card:focus-within:after,.creations .projects-box .name-img-section .img-container .proj-card:focus-within .proj-content,.creations .projects-box .name-img-section .img-container .proj-card:focus-within .proj-content>*:not(.proj-title),.creations .projects-box .name-img-section .img-container .proj-card:active:before,.creations .projects-box .name-img-section .img-container .proj-card:active:after,.creations .projects-box .name-img-section .img-container .proj-card:active .proj-content,.creations .projects-box .name-img-section .img-container .proj-card:active .proj-content>*:not(.proj-title){transition-duration:0s}.creations .projects-box .name-img-section .img-container .proj-content{margin:0 0 20px;position:relative;display:flex;flex-direction:column;align-items:center;width:100%;padding:1rem;transition:transform var(--d) var(--e);z-index:1;transform:translateY(calc(100% - 4.5rem))}.creations .projects-box .name-img-section .img-container .proj-content>*+*{margin-top:1rem}.creations .projects-box .name-img-section .img-container .proj-content>*:not(.proj-title){opacity:0;transform:translateY(1rem);transition:transform var(--d) var(--e),opacity var(--d) var(--e)}.creations .projects-box .name-img-section .img-container .proj-title{font-size:1.8rem;font-weight:bold;line-height:1.2}.creations .projects-box .name-img-section .img-container .proj-blurb{font-family:"Red Hat Display";font-size:1rem;line-height:1.2}.creations .projects-box .name-img-section .img-container .proj-btn{cursor:pointer;margin-top:1.5rem;padding:.75rem 1.5rem;font-size:.65rem;font-weight:bold;letter-spacing:.025rem;text-transform:uppercase;color:#122848;background-color:#d9a85b;border:none}.creations .projects-box .name-img-section .img-container .proj-btn:hover{background-color:#deb370}.creations .projects-box .name-img-section .img-container .proj-btn:focus{outline:1px solid #d9a85b;outline-offset:4px}.creations .projects-box .name-img-section .img-container .img-info{width:100%;height:100%;background:#fff;z-index:100;margin:0 0 20px}.creations .arrowDown-creations{bottom:-20px}@media(max-width: 750px){.creations .projects-box .name-img-section .img-container .proj-card{width:70vmin;max-width:330px;height:70vmin;max-height:400px}.creations .projects-box .name-img-section .img-container .proj-card .proj-content .proj-title{font-size:1.4rem}.creations .projects-box .name-img-section .img-container .proj-card .proj-content .proj-blurb{font-size:.9rem}.creations .projects-box .name-img-section .img-container .proj-card .proj-content button{padding:.6rem 1.2rem;margin-top:1rem}.creations .projects-box .name-img-section .name-container .project-name{transform:rotate(270deg) translate(-100%, 20%);font-size:2em}.creations .projects-header{font-size:8vmin;margin-top:-3em}}@media(orientation: landscape){.creations .projects-box .name-img-section .img-container .proj-card{width:70vmax;max-width:330px;height:70vmin;max-height:400px}.creations .projects-box .name-img-section .name-container .project-name{transform:rotate(270deg) translate(-50%, 20%);font-size:2em}.creations .projects-header{top:2%}}@media(orientation: landscape)and (min-width: 750px){.creations .projects-box .name-img-section .name-container .project-name{transform:rotate(270deg) translate(-50%, 100%);font-size:2em}.creations .projects-box .name-img-section .name-container .project-name{font-size:3em}}.contact-section{height:calc(100vh - 150px);min-height:500px;max-height:640px;width:100vw;display:flex;align-items:center;justify-content:center;flex-direction:row;box-shadow:inset 0px 2px 10px rgba(0,0,0,.2);background-attachment:fixed;font-family:"Red Hat Display";z-index:1000;position:relative}.contact-section .topText{margin-top:40px;margin-bottom:40px}.contact-form{display:flex;align-items:center;justify-content:space-between;flex-direction:column;z-index:20;padding:50px;background:rgba(255,255,255,.11);border-radius:16px;box-shadow:0 4px 30px rgba(0,0,0,.1);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);max-width:95%;max-height:95%}.form-card{background-color:#1e3351;display:flex;align-items:center;justify-content:center;perspective:1000px;width:100%;height:100%;position:relative}.fishes-1,.fishes-2,.seahorse-1,.seahorse-2{position:absolute;animation-name:swim;animation-iteration-count:infinite;animation-timing-function:cubic-bezier(0.445, 0.15, 0.55, 0.95);z-index:10}.fishes-1{bottom:100px;left:11vw;animation-duration:7s}.fishes-2{top:80px;transform:rotateY(180deg);right:13vw;animation-duration:8s}.seahorse-1{top:150px;left:16vw;animation-duration:6.5s}.seahorse-2{bottom:110px;right:17vw;transform:rotateY(180deg);animation-duration:9s}@keyframes swim{0%{transform:translateY(0)}25%{transform:translateY(-10px)}50%{transform:translateY(0)}75%{transform:translateY(10px)}100%{transform:translateY(0)}}.form-card-inner{position:relative;width:100%;height:100%;text-align:center;transition:transform .6s;transform-style:preserve-3d}.form-card-front,.form-card-back{position:absolute;width:100%;height:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden}.form-card-back{border:1px solid #fff;background:rgba(250,250,250,.5);transform:rotateY(180deg)}.form-card-front{text-align:center;display:flex;align-items:center;justify-content:center}.form-greeting{width:100%;height:100%;display:flex;align-items:center;justify-content:center}label,input,textarea{display:block}input,textarea{width:90%;border:none;border-radius:2px;outline:none;padding:10px;font-family:"Red Hat Display",cursive;font-size:1em;color:#d9a85b;transition:border .2s;-webkit-transition:border .2s;-moz-transition:border .2s;-o-transition:border .2s;border-bottom:solid 1px #d9a85b;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;background-color:rgba(0,0,0,0);margin-top:5px;margin-bottom:5px}textarea{font-size:1.2em}input:focus,textarea:focus{background-color:rgba(255,255,255,.2)}textarea{height:100px;resize:none;overflow:auto;color:#f4e6a9}.work-together{font-size:2em;color:#d9a85b;padding-bottom:20px}.submit-button{color:#d9a85b;margin-top:20px;border:1px solid #d9a85b;width:150px;height:40px;background-color:rgba(255,255,255,.1)}.submit-button:hover{background-color:rgba(255,255,255,.25)}.submit-button:active{background-color:rgba(255,255,255,.35)}.wave{width:100vw;position:absolute;top:0;z-index:2;transform:rotate(180deg) rotateX(180deg) translatey(-90%) scaleX(1) translateX(0%);overflow:hidden}.wave-seperator{fill:#1e3351}@media only screen and (max-width: 767px)and (orientation: landscape){.contact-form>*{transform:scale(0.75)}}@media only screen and (max-height: 767px)and (orientation: portrait){.contact-form>*{transform:scale(0.8)}}.footer{font-family:"Red Hat Display";height:300px;width:100vw;background:#122848;display:flex;color:#fff;bottom:0;left:0;z-index:-1;transition:all .4s ease;align-items:center;justify-content:space-around;padding:10px;flex-flow:wrap}.footer span{font-size:2rem}.social-coding{padding:0px 20px;list-style:none;font-size:2em;cursor:pointer;color:#f4c864;display:flex;cursor:pointer;z-index:1}.social-coding i{color:#f4c864}.social-coding i:hover{color:#f5963c}.social-coding i:active{color:#9064dc}.social-coding img{vertical-align:top;color:#f4c864}.social-coding img:hover{color:#f5963c}.social-coding img:active{color:#9064dc}.social-coding li{padding:5px 10px}.who{font-family:"Red Hat Display";position:relative;display:flex;flex-direction:column;align-items:flex-end;justify-content:center;padding:0px;cursor:pointer}.who:after{position:absolute;height:50px;content:"";width:2px;right:-10px;background-color:gray;border-radius:5px}.who p{padding:2px}.madeWith{display:flex;flex-direction:column;z-index:1}.madeWith p{text-align:left;margin-bottom:2px}.madeWith ul{display:flex;justify-content:flex-start}.madeWith li{list-style:none;padding-right:5px}.made-with-list-item-1{color:violet}.made-with-list-item-1:hover{color:#eadec2}.made-with-list-item-2{color:rgb(142, 57, 142)}.made-with-list-item-2:hover{color:#eadec2}.made-with-list-item-3{color:rgb(40, 68, 162)}.made-with-list-item-3:hover{color:#eadec2}.made-with-list-item-4{color:rgb(43, 123, 118)}.made-with-list-item-4:hover{color:#eadec2}.made-with-list-item-5{color:rgb(52, 141, 52)}.made-with-list-item-5:hover{color:#eadec2}.made-with-list-item-6{color:yellow}.made-with-list-item-6:hover{color:#eadec2}.made-with-list-item-7{color:orange}.made-with-list-item-7:hover{color:#eadec2}.made-with-list-item-8{color:red}.made-with-list-item-8:hover{color:#eadec2}