@import url(https://fonts.googleapis.com/css2?family=Bangers&family=Comic+Neue:ital,wght@1,300;1,400;1,700&family=Germania+One&family=League+Spartan:wght@400;500;600;700;800&family=Montserrat:wght@700;800;900&display=swap);a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0}.bangers{font-family:Bangers,Impact,Calibri,sans-serif,Courier New,Courier,monospace}.comicNeue{font-family:Comic Neue,Comic Sans MS,Comic Sans,Calibri,Trebuchet MS,Courier New,Courier,monospace}.germaniaOne{font-family:Germania One,Impact,Calibri,sans-serif,Courier New,Courier,monospace}.spartan{font-family:League Spartan,Impact,sans-serif,Courier New,Courier,monospace}.montserrat{font-family:Montserrat,sans-serif,Courier New,Courier,monospace}.App{-webkit-tap-highlight-color:transparent;overflow:hidden}#about{margin:auto;max-width:1700px;padding:20px;position:relative}#about .aboutTitle{left:-105px;position:absolute;top:-80px;-webkit-transform:scale(.7);transform:scale(.7)}#about .aboutPanel{background-color:#2d5bff;background-image:radial-gradient(circle,#b0c1fc,#2d5bff 70%,#2d5bff);border:5px solid #000;font-size:20px;height:500px;overflow:hidden;position:relative;width:1400px}#about .aboutPanel .gears{opacity:.4;width:2500px}#about .aboutPanel .dots,#about .aboutPanel .gears{left:50%;object-fit:cover;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}#about .aboutPanel .dots{height:100%;opacity:.1;width:100%}#about .aboutPanel .longText{left:20%;position:absolute;top:35%;width:250px}#about .aboutPanel .challenge{left:55%;position:absolute;top:25%;width:250px}#about .aboutPanel .learning{left:60%;position:absolute;top:45%;width:250px}#about .aboutPanel .ideas{left:65%;position:absolute;top:65%;width:250px}@media screen and (max-width:1460px){#about .aboutPanel{box-sizing:border-box;width:100%}}@media screen and (max-width:1000px){#about .aboutPanel{font-size:16px;height:400px}#about .aboutTitle{left:-135px;top:-100px;-webkit-transform:scale(.55);transform:scale(.55)}#about .aboutPanel .longText{left:10%;top:40%;width:230px}#about .aboutPanel .challenge{left:55%;top:22%;width:230px}#about .aboutPanel .learning{left:60%;top:45%;width:230px}#about .aboutPanel .ideas{left:65%;top:68%;width:230px}}@media screen and (max-width:800px){#about .aboutPanel .gears{width:2000px}}@media screen and (max-width:770px){#about .aboutPanel p.comicNeue{padding:15px!important}#about .aboutTitle{left:-135px;top:-100px}#about .aboutPanel .longText{left:10%;top:40%;width:200px}#about .aboutPanel .challenge{left:auto;right:15px;top:22%;width:200px}#about .aboutPanel .learning{left:auto;right:15px;top:45%;width:180px}#about .aboutPanel .ideas{left:auto;right:15px;top:68%;width:200px}}@media screen and (max-width:720px){#about{padding:10px}}@media screen and (max-width:600px){#about .aboutPanel{height:350px}#about .aboutTitle{left:-147px;top:-100px;-webkit-transform:scale(.51);transform:scale(.51)}#about .aboutPanel .longText{left:15px;top:40%;width:200px}}@media screen and (max-width:500px){#about .aboutPanel{border:4px solid #000;font-size:14px;height:350px}#about .aboutTitle{left:-179px;top:-122px;-webkit-transform:scale(.36);transform:scale(.36)}#about .aboutPanel .longText{left:10px;top:36%;width:160px}#about .aboutPanel .challenge{right:10px;top:22%;width:auto}#about .aboutPanel .learning{right:10px;top:45%;width:auto}#about .aboutPanel .ideas{right:10px;top:68%;width:auto}}@media screen and (max-width:400px){#about .aboutPanel{font-size:12px;height:350px}#about .aboutPanel .longText{width:140px}#about .aboutPanel p.comicNeue{padding:12px!important}}@-webkit-keyframes opacity0{0%{opacity:0}to{opacity:0}}@keyframes opacity0{0%{opacity:0}to{opacity:0}}@-webkit-keyframes slideFromLeft{0%{margin-left:-50px;opacity:0}to{margin-left:0;opacity:1}}@keyframes slideFromLeft{0%{margin-left:-50px;opacity:0}to{margin-left:0;opacity:1}}@-webkit-keyframes slideFromRight{0%{margin-left:50px;opacity:0}to{margin-left:0;opacity:1}}@keyframes slideFromRight{0%{margin-left:50px;opacity:0}to{margin-left:0;opacity:1}}#about .aboutPanel.withinView .longText{-webkit-animation:slideFromLeft .5s;animation:slideFromLeft .5s}#about .aboutPanel.withinView .challenge{-webkit-animation:opacity0 .5s,slideFromRight .5s .5s;animation:opacity0 .5s,slideFromRight .5s .5s}#about .aboutPanel.withinView .learning{-webkit-animation:opacity0 1s,slideFromRight .5s 1s;animation:opacity0 1s,slideFromRight .5s 1s}#about .aboutPanel.withinView .ideas{-webkit-animation:opacity0 1.5s,slideFromRight .5s 1.5s;animation:opacity0 1.5s,slideFromRight .5s 1.5s}#contact{box-sizing:border-box;margin:auto;max-width:1400px;padding:20px;position:relative;width:auto}#contact .contactMe{pointer-events:none;position:absolute;right:0;top:-90px;width:350px}#contact p.bangers{color:#f8e4b7;font-size:22px;letter-spacing:1px;text-shadow:-1px 1px #000,1px 1px #000,1px -1px #000,-1px -1px #000}#contact .contactForm{grid-gap:30px;background-color:#cdf3d5;border:5px solid #000;display:grid;gap:30px;grid-template-columns:1fr 1fr;grid-template-rows:1fr 60px;height:350px;padding:40px}#contact .contactForm .submitButton{align-self:center;grid-area:2/1/3/3;justify-self:center;text-align:center}#contact .contactForm .submitButton p{font-weight:600;padding:5px}#contact .contactForm button{background-color:#d9d9d9;border:3px solid #000;border-radius:30px;cursor:pointer;letter-spacing:1px;margin:auto;overflow:hidden;padding:0}#contact .contactForm button:hover{scale:1.05}#contact .contactForm button:active{scale:1.05;-webkit-transform:translateY(2px);transform:translateY(2px)}#contact .contactForm button .whiteBG{background-color:#fff;border-radius:30px;-webkit-transform:translate(-3px,-3px);transform:translate(-3px,-3px)}#contact .contactForm button p.bangers{font-size:24px;padding:15px 30px;-webkit-transform:translate(5px,3px);transform:translate(5px,3px)}#contact .contactForm .tinyInputs{display:flex;flex-flow:column;justify-content:space-between}#contact .contactForm .tinyInputs .inputContainer{position:relative}#contact .contactForm .tinyInputs .inputContainer .border{background-color:#d9d9d9;border:3px solid #000;overflow:hidden}#contact .contactForm .tinyInputs .inputContainer .whiteBG{background-color:#fff;box-sizing:border-box;padding:10px;-webkit-transform:translate(-5px,-5px);transform:translate(-5px,-5px);width:100%}#contact .contactForm .tinyInputs .inputContainer p{left:10px;position:absolute;top:0;-webkit-transform:translateY(-50%);transform:translateY(-50%)}#contact .contactForm .tinyInputs input{background:transparent;border:none;color:"#333";font-family:Comic Neue,Comic Sans MS,Comic Sans,Calibri,Trebuchet MS,Courier New,Courier,monospace;font-size:24px;font-weight:600;padding:10px 15px 0;width:95%;z-index:10}#contact .contactForm .tinyInputs input:focus{outline:none}#contact .contactForm .tinyInputs .greenLine{background-color:rgba(205,243,213,.4);border-radius:6px;height:12px;margin:-18px auto 0;pointer-events:none;width:calc(100% - 18px);z-index:2}#contact .contactForm .bigInput .inputContainer{position:relative}#contact .contactForm .bigInput .inputContainer .border{background-color:#d9d9d9;border:3px solid #000;overflow:hidden}#contact .contactForm .bigInput .inputContainer .border .whiteBG{background-color:#fff;height:265px;-webkit-transform:translate(-5px,-5px);transform:translate(-5px,-5px);width:100%}#contact .contactForm .bigInput .inputContainer .border .whiteBG textarea{background:transparent;border:none;box-sizing:border-box;color:"#333";font-family:Comic Neue,Comic Sans MS,Comic Sans,Calibri,Trebuchet MS,Courier New,Courier,monospace;font-size:24px;font-weight:600;line-height:35px;margin-top:15px;padding:0 20px;position:absolute;resize:none;scroll-behavior:auto;width:100%;z-index:10}#contact .contactForm .bigInput .inputContainer .border .whiteBG textarea:focus{outline:none}#contact .contactForm .bigInput .inputContainer p.bangers{left:15px;position:absolute;top:0;-webkit-transform:translateY(-50%);transform:translateY(-50%)}#contact .contactForm .bigInput .inputContainer .border .greenLine{background-color:rgba(205,243,213,.4);border-radius:6px;height:12px;pointer-events:none;width:100%}#contact .contactForm .bigInput .inputContainer .border .greenLines{align-items:center;display:flex;flex-flow:column;gap:23px;left:12px;margin:auto;pointer-events:none;position:absolute;top:29px;width:calc(100% - 18px);z-index:2}#contact .contactForm .bigInput .inputContainer .aestheticLines{align-items:flex-end;bottom:-20px;display:flex;flex-flow:column;height:10px;justify-content:space-between;position:absolute;right:0;width:15%}#contact .contactForm .bigInput .inputContainer .aestheticLines .line1{background-color:#000;height:2px;width:100%}#contact .contactForm .bigInput .inputContainer .aestheticLines .line2{background-color:#000;height:2px;width:40%}@media screen and (max-width:990px){#contact{margin-top:300px}}@media screen and (max-width:725px){#contact{margin-top:10px}}@media screen and (max-width:850px){#contact .contactForm{gap:50px;grid-template-columns:1fr;grid-template-rows:271px 271px 60px;height:auto}#contact .contactForm .submitButton{grid-area:3/1}}@media screen and (max-width:500px){#contact .contactForm{border:4px solid #000}#contact .contactForm .bigInput .inputContainer .border,#contact .contactForm .tinyInputs .inputContainer .border,#contact .contactForm button{border:2px solid #000}}.introduction{box-sizing:border-box;height:calc(100vh - 20px);margin:auto;max-width:1600px;padding:20px;position:relative;width:auto}.introduction .background{border:5px solid #000;box-sizing:border-box;height:100%;object-fit:cover;width:100%}.introduction .banBoomContainer{left:50%;position:absolute;top:1%;-webkit-transform:translate(-50%);transform:translate(-50%)}.introduction .banBoomContainer .banBoomPlaceHolder{opacity:0;width:580px}.introduction .banBoomContainer .banBoom{left:0;position:absolute;top:0;width:100%}.introduction .banBoomContainer .banText{left:19%;position:absolute;top:23%;width:63%}.introduction .fullStackDev{left:50%;top:58%}.introduction .fullStackDev,.introduction .plane{position:absolute;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:215px}.introduction .plane{left:67%;top:70%}.introduction .bird{left:30%;position:absolute;top:75%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:215px}.nav{display:flex;flex-flow:column;gap:5px;position:absolute;right:40px;top:40px}.nav .comicNeue{color:#000;font-weight:600;text-decoration:none}@media screen and (max-width:1055px){.nav{display:none}}@media screen and (max-width:720px){.introduction{padding:10px;width:auto}}@media screen and (max-height:700px){.introduction .banBoomContainer .banBoomPlaceHolder{width:520px}.introduction .fullStackDev{left:50%;top:65%;width:200px}.introduction .plane{left:72%;top:78%;width:190px}.introduction .bird{left:27%;top:82%;width:200px}}@media screen and (max-width:660px){.introduction .banBoomContainer .banBoomPlaceHolder{width:520px}.introduction .fullStackDev{left:48%;top:53%;width:200px}.introduction .plane{left:68%;top:69%;width:200px}.introduction .bird{left:30%;top:80%;width:200px}.introduction .banBoomContainer{top:3%}.introduction .banBoomContainer .banBoomPlaceHolder{width:450px}}@media screen and (max-width:540px){.introduction .banBoomContainer{top:3%}.introduction .banBoomContainer .banBoomPlaceHolder{width:420px}.introduction .fullStackDev{left:48%;top:53%;width:180px}.introduction .plane{left:68%;top:69%;width:180px}.introduction .bird{left:30%;top:80%;width:180px}}@media screen and (max-width:500px){.introduction .background{border:4px solid #000}.introduction .banBoomContainer{top:3%}.introduction .banBoomContainer .banBoomPlaceHolder{width:350px}.introduction .fullStackDev{left:48%;top:53%;width:140px}.introduction .plane{left:68%;top:69%;width:140px}.introduction .bird{left:30%;top:80%;width:140px}}.nav a,.nav a:hover{transition:.2s}.nav a:hover{margin-left:-15px}@-webkit-keyframes popupBanBoom{0%{-webkit-transform:scale(0);transform:scale(0)}80%{-webkit-transform:scale(1.2);transform:scale(1.2)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes popupBanBoom{0%{-webkit-transform:scale(0);transform:scale(0)}80%{-webkit-transform:scale(1.2);transform:scale(1.2)}to{-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes hover15{0%{margin-top:0}10%{margin-top:0}45%{margin-top:-15px}55%{margin-top:-15px}90%{margin-top:0}to{margin-top:0}}@keyframes hover15{0%{margin-top:0}10%{margin-top:0}45%{margin-top:-15px}55%{margin-top:-15px}90%{margin-top:0}to{margin-top:0}}.introduction.withinView .banBoomContainer .banBoom{-webkit-animation:scale0 3s,popupBanBoom .8s 3s,hover15 3s ease 3.8s infinite;animation:scale0 3s,popupBanBoom .8s 3s,hover15 3s ease 3.8s infinite}.introduction.withinView .banBoomContainer .banText{-webkit-animation:scale0 3.2s,popupBanBoom .75s 3.2s,hover15 3s ease 3.95s infinite;animation:scale0 3.2s,popupBanBoom .75s 3.2s,hover15 3s ease 3.95s infinite}@-webkit-keyframes twistyPopupCW{0%{opacity:0;-webkit-transform:translate(-50%,-50%) rotate(-180deg) scale(0);transform:translate(-50%,-50%) rotate(-180deg) scale(0)}to{opacity:1;-webkit-transform:translate(-50%,-50%) rotate(0deg) scale(1);transform:translate(-50%,-50%) rotate(0deg) scale(1)}}@keyframes twistyPopupCW{0%{opacity:0;-webkit-transform:translate(-50%,-50%) rotate(-180deg) scale(0);transform:translate(-50%,-50%) rotate(-180deg) scale(0)}to{opacity:1;-webkit-transform:translate(-50%,-50%) rotate(0deg) scale(1);transform:translate(-50%,-50%) rotate(0deg) scale(1)}}@-webkit-keyframes twistyPopupCCW{0%{opacity:0;-webkit-transform:translate(-50%,-50%) rotate(180deg) scale(0);transform:translate(-50%,-50%) rotate(180deg) scale(0)}to{opacity:1;-webkit-transform:translate(-50%,-50%) rotate(0deg) scale(1);transform:translate(-50%,-50%) rotate(0deg) scale(1)}}@keyframes twistyPopupCCW{0%{opacity:0;-webkit-transform:translate(-50%,-50%) rotate(180deg) scale(0);transform:translate(-50%,-50%) rotate(180deg) scale(0)}to{opacity:1;-webkit-transform:translate(-50%,-50%) rotate(0deg) scale(1);transform:translate(-50%,-50%) rotate(0deg) scale(1)}}.introduction.withinView .fullStackDev{-webkit-animation:scale0 2.5s,twistyPopupCCW .5s 2.5s;animation:scale0 2.5s,twistyPopupCCW .5s 2.5s}.introduction.withinView .plane{-webkit-animation:scale0 1.5s,twistyPopupCW .5s 1.5s;animation:scale0 1.5s,twistyPopupCW .5s 1.5s}.introduction.withinView .bird{-webkit-animation:scale0 .5s,twistyPopupCCW .5s .5s;animation:scale0 .5s,twistyPopupCCW .5s .5s}.projectModal .sideQuestModal{margin:20px}.projectModal .sideQuestModal .title h1{color:#333;font-family:Germania One,Calibri;font-size:90px;text-shadow:5px 5px #6fc3cb}.projectModal .features .featuresTray .whiteContainer:nth-child(4) img{margin:10px auto;max-width:200px}@media screen and (max-width:590px){.projectModal .sideQuestModal .title h1{font-size:70px;text-shadow:4px 4px #6fc3cb}}@media screen and (max-width:490px){.projectModal .sideQuestModal .title h1{font-size:60px;text-shadow:4px 4px #6fc3cb}}.projectModal{height:100vh;left:0;overflow:auto;position:fixed;top:0;width:100vw;z-index:20}.projectModal .background{background-color:rgba(0,0,0,.87);height:100%;left:0;position:fixed;top:0;width:100%}.projectModal p.comicNeue{font-size:20px!important;font-weight:600}.projectModal .modalStory{background-color:#fff;left:50%;margin:auto;padding:20px;position:absolute;-webkit-transform:translate(-50%);transform:translate(-50%);width:740px}.projectModal .title{background-color:#9fe4d4;border:5px solid #000;margin:10px;padding:20px 20px 50px}.projectModal .title .backButton{background-color:initial;border:none;pointer-events:none;position:relative;transition:.2s}.projectModal .title .backButton:hover{-webkit-transform:translateX(10px);transform:translateX(10px);transition:.2s}.projectModal .title .backButton img{cursor:pointer;pointer-events:auto}.projectModal .title .backButton p.comicNeue{left:40%;position:absolute;top:44%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.projectModal .title h1{font-size:90px;margin:30px auto auto;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.projectModal .title .links{display:flex;margin:40px auto auto;width:100%}.projectModal .title .links a{background-color:#d9d9d9;border:3px solid #000;border-radius:30px;cursor:pointer;letter-spacing:1px;margin:auto;overflow:hidden;padding:0;text-decoration:none;transition:.2s}.projectModal .title .links a:hover{-webkit-transform:scale(1.1);transform:scale(1.1);transition:.2s}.projectModal .title .links a .whiteBG{background-color:#fff;border-radius:inherit;-webkit-transform:translate(-3px,-3px);transform:translate(-3px,-3px)}.projectModal .title .links a .whiteBG p.bangers{color:#f8e4b7;font-size:24px;letter-spacing:2px;padding:15px 30px;text-shadow:-1px 1px #000,1px 1px #000,1px -1px #000,-1px -1px #000;-webkit-transform:translate(5px,3px);transform:translate(5px,3px)}.projectModal .stack{background-color:#d6f5f1;border:5px solid #000;margin:10px;padding:20px}.projectModal .stack .pointyTextBox{display:block!important;margin-left:auto;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.projectModal .stack .pointyTextBox p.comicNeue{left:55%!important;width:115px!important}.projectModal .stack .pointyTextBox img{width:200px}.projectModal .stack .iconTray{align-items:center;background-color:#fff;border:4px solid #000;border-radius:80px;box-shadow:5px 5px #9fe4d4;display:flex;height:160px;justify-content:space-evenly;margin:100px auto 90px;max-width:1000px}.projectModal .stack .iconTray .iconContainer{position:relative}.projectModal .stack .iconTray .iconContainer img{height:90px}.projectModal .stack .iconTray .iconContainer img.shadow{left:4px;opacity:.2;position:absolute;top:4px}.projectModal .stack .iconTray .iconContainer .textBox{left:50%;position:absolute;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.projectModal .stack .iconTray .iconContainer .textBox p{padding:15px!important;-webkit-transform:translate(-4px,-4px)!important;transform:translate(-4px,-4px)!important}.projectModal .stack .iconTray .iconContainer:nth-child(2n-1) .textBox{top:-110px}.projectModal .stack .iconTray .iconContainer:nth-child(2n) .textBox{bottom:-110px}.projectModal .features{background-color:#9fe4d4;border:5px solid #000;margin:10px;padding:20px}.projectModal .features .pointyTextBox p.comicNeue{left:42%!important}.projectModal .features .featuresTray{display:flex;flex-flow:column;gap:30px;margin-top:20px}.projectModal .features .featuresTray .whiteContainer{align-items:center;background-color:#fff;border-radius:20px;box-shadow:5px 5px #6fc3cb;display:grid;grid-template-columns:50% 50%;padding:10px;position:relative}.projectModal .features .featuresTray .whiteContainer img{width:100%}.projectModal .features .featuresTray .whiteContainer p{margin:20px auto;width:70%}.projectModal .features .featuresTray .whiteContainer h3.bangers{color:#f8e4b7;font-size:30px;letter-spacing:2px;position:absolute;text-shadow:-1.5px 1.5px #000,1.5px 1.5px #000,1.5px -1.5px #000,-1.5px -1.5px #000,4px 4px #6fc3cb;top:-12px}.projectModal .features .featuresTray .whiteContainer h3.bangers.left{left:20px}.projectModal .features .featuresTray .whiteContainer h3.bangers.right{right:20px}@media screen and (max-width:1300px){.projectModal .stack .iconTray{border-radius:65px;height:130px;margin-bottom:80px;margin-top:90px}.projectModal .stack .iconTray .iconContainer img{height:70px}.projectModal .stack .iconTray .iconContainer:nth-child(2n-1) .textBox{top:-100px}.projectModal .stack .iconTray .iconContainer:nth-child(2n) .textBox{bottom:-100px}.projectModal .modalStory{width:600px}}@media screen and (max-width:700px){.projectModal .modalStory{width:500px}.projectModal .title{padding:15px}.projectModal .title .links,.projectModal .title h1{margin-top:20px}.projectModal p.comicNeue{font-size:16px!important}.projectModal .stack .pointyTextBox img{width:180px}.projectModal .stack .iconTray{border:3px solid #000;border-radius:50px;height:100px;margin-bottom:70px;margin-top:80px}.projectModal .stack .iconTray .textBox{border:2px solid #000!important}.projectModal .stack .iconTray .iconContainer img{height:50px}.projectModal .stack .iconTray .iconContainer img.shadow{left:3px;top:3px}.projectModal .stack .iconTray .iconContainer:nth-child(2n-1) .textBox{top:-90px}.projectModal .stack .iconTray .iconContainer:nth-child(2n) .textBox{bottom:-90px}}@media screen and (max-width:590px){.projectModal .modalStory{padding:10px;width:400px}.projectModal p.comicNeue{font-size:16px!important}.projectModal .title h1{font-size:70px}.projectModal .title .links a{border:2px solid #000;border-radius:25px;transition:.2s}.projectModal .title .links a .whiteBG p.bangers{font-size:20px;padding:13px 25px}.projectModal .stack .pointyTextBox img{width:180px}.projectModal .stack .iconTray{border:3px solid #000;border-radius:30px;height:100px;margin-bottom:60px;margin-top:70px}.projectModal .stack .iconTray .iconContainer .textBox{border:2px solid #000!important}.projectModal .stack .iconTray .iconContainer .textBox p{padding:12px!important;-webkit-transform:translate(-3px,-3px)!important;transform:translate(-3px,-3px)!important}.projectModal .stack .iconTray .iconContainer img{height:50px}.projectModal .stack .iconTray .iconContainer:nth-child(2n-1) .textBox{top:-80px}.projectModal .stack .iconTray .iconContainer:nth-child(2n) .textBox{bottom:-80px}.projectModal .features .featuresTray .whiteContainer h3.bangers{font-size:25px}}@media screen and (max-width:460px){.projectModal .modalStory{width:350px}.projectModal .title .backButton{-webkit-transform:scale(.9) translate(-15px,-10px);transform:scale(.9) translate(-15px,-10px)}.projectModal .stack{padding:10px}.projectModal .stack .pointyTextBox{-webkit-transform:scale(.9) translate(15px,-5px);transform:scale(.9) translate(15px,-5px)}.projectModal .stack .textBox{-webkit-transform:scale(.85) translateX(-50%)!important;transform:scale(.85) translateX(-50%)!important}.projectModal .features{padding:15px}.projectModal .features .pointyTextBox{-webkit-transform:scale(.9) translate(-10px,-5px);transform:scale(.9) translate(-10px,-5px)}}@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.projectModal{-webkit-animation:fadeIn .5s;animation:fadeIn .5s}.calculator{align-items:center;background-color:#86a3e4;border:5px solid #000;cursor:pointer;display:flex;flex-flow:column;grid-area:1/3/span 2/span 1;justify-content:space-evenly;position:relative;text-decoration:none}.calculator h3{color:#333;font-size:35px;font-weight:800;text-shadow:3px 3px #6789d6;transition:.5s;z-index:2}.calculator .punyCalc{max-width:230px;width:80%;z-index:2}.calculator p{color:#333;font-size:20px;z-index:2}.calculator .dots{height:100%;object-fit:cover;opacity:.1;position:absolute;width:100%;z-index:1}@media screen and (max-width:990px){.calculator{grid-area:2/1/span 1/span 1}}@media screen and (max-width:500px){.calculator{border:3px solid #000}}@media screen and (max-width:425px){.calculator h3{font-size:30px}}.calculator:hover h3{text-shadow:15px 15px 1px #7e9ce0;-webkit-transform:translate(-5px,-5px);transform:translate(-5px,-5px);transition:.5s}.landingPages{background-color:#235368;border:5px solid #000;grid-area:3/2/span 1/span 2;position:relative}.landingPages .dots{height:100%;object-fit:cover;opacity:.1;position:absolute;width:100%}.landingPages>.dots{opacity:.07;z-index:1}.landingPages h2{color:#fceece;font-size:50px;left:60%;letter-spacing:5px;position:absolute;text-shadow:-1px 1px #000,1px 1px #000,1px -1px #000,-1px -1px #000,3px 5px #377b99;top:20px;z-index:2}.landingPages .cardsContainer{display:flex;justify-content:space-evenly;width:100%}.landingPages .card{background-color:#cedcff;border:3px solid #000;cursor:pointer;height:370px;position:relative;width:175px;z-index:2}.landingPages .card .dots{z-index:1}.landingPages .clipboard .dots,.landingPages .crowdfund .dots{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.landingPages .card h3{color:#f8e4b7;font-size:30px;left:50%;letter-spacing:2px;position:absolute;text-shadow:-1.5px 1.5px #000,1.5px 1.5px #000,1.5px -1.5px #000,-1.5px -1.5px #000,-5px 5px #377b99;top:50%;-webkit-transform:translate(-50%,-50%) rotate(-45deg);transform:translate(-50%,-50%) rotate(-45deg);z-index:2}.landingPages .card .container .bigShadow{color:#a5b0cc;font-size:100px;letter-spacing:4px;opacity:.3;position:absolute;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);z-index:1}.landingPages .card>h1{bottom:-35px;color:#f8e4b7;font-size:90px;font-weight:900;left:-5px;position:absolute;text-shadow:-2px 2px #000,2px 2px #000,2px -2px #000,-2px -2px #000,6px 6px #235368;z-index:2}.landingPages .card .container{height:100%;overflow:hidden;position:relative;width:100%}.landingPages .easybank{margin-top:50px}.landingPages .easybank .bigShadow.top{left:-50px;top:-50px}.landingPages .easybank .bigShadow.bottom{bottom:-50px;left:-150px}.landingPages .clipboard{margin-top:80px}.landingPages .clipboard .bigShadow.top{left:-50px;top:-50px}.landingPages .clipboard .bigShadow.bottom{bottom:-50px;left:-150px}.landingPages .fylo{margin-top:110px}.landingPages .fylo .bigShadow.top{left:0;top:0}.landingPages .fylo .bigShadow.bottom{bottom:10px;left:20px}.landingPages .crowdfund{margin-top:140px}.landingPages .crowdfund .bigShadow.top{left:-60px;top:-60px}.landingPages .crowdfund .bigShadow.bottom{bottom:-60px;left:-180px}@media screen and (max-width:1260px){.landingPages h2{left:auto;right:10px}}@media screen and (max-width:1150px){.landingPages .card{height:350px;width:150px}}@media screen and (max-width:1000px){.landingPages .card{height:350px;width:150px}}@media screen and (max-width:990px){.landingPages .card{height:370px;width:175px}.landingPages{grid-area:3/1/span 1/span 2}}@media screen and (max-width:800px){.landingPages .card{height:350px;width:150px}}@media screen and (max-width:690px){.landingPages .card{height:325px;width:125px}.landingPages h2{font-size:45px}}@media screen and (max-width:590px){.landingPages h2{font-size:40px}.landingPages .card{height:300px;width:100px}.landingPages .card h3{font-size:25px}.landingPages .card .container .bigShadow{font-size:80px}.landingPages .card>h1{bottom:-35px;font-size:70px;left:-5px}}@media screen and (max-width:500px){.landingPages{border:3px solid #000}.landingPages .card{border:2px solid #000;height:300px;width:90px}.landingPages .card h3{font-size:22px}.landingPages .card .container .bigShadow{font-size:70px}}@media screen and (max-width:455px){.landingPages .card{height:300px;width:80px}.landingPages .card h3{font-size:18px}.landingPages .card .container .bigShadow{font-size:80px}.landingPages .fylo .bigShadow.top{left:-10px;top:-10px}.landingPages .fylo .bigShadow.bottom{bottom:30px;left:10px}.landingPages .card>h1{bottom:-35px;font-size:65px;left:-5px}}@media screen and (max-width:395px){.landingPages h2{font-size:33px}.landingPages .card{height:280px;width:75px}.landingPages .card h3{font-size:15px}.landingPages .card>h1{bottom:-35px;font-size:60px;left:-5px}}.landingPages .card{transition:.5s}.landingPages .card:hover{-webkit-transform:translateY(-20px);transform:translateY(-20px);transition:.5s}.landingPages .card .title{transition:.5s}.landingPages .card:hover .title{margin-top:-10px;text-shadow:-1.5px 1.5px #000,1.5px 1.5px #000,1.5px -1.5px #000,-1.5px -1.5px #000,-15px 15px 2px #b2c6e7;transition:.5s}.landingPages .card>h1{transition:.5s}.landingPages .card:hover>h1{text-shadow:-2px 2px #000,2px 2px #000,2px -2px #000,-2px -2px #000,10px 10px 2px #6a8ca7;-webkit-transform:translate(-5px,-5px);transform:translate(-5px,-5px);transition:.5s}@-webkit-keyframes strafeTop1{0%{-webkit-transform:translate(0) rotate(-45d -2px 2px #000,2px 2px #000,2px -2px #000,-2px -2px #000,eg);transform:translate(0) rotate(-45d -2px 2px #000,2px 2px #000,2px -2px #000,-2px -2px #000,eg)}50%{-webkit-transform:translate(-140px,140px) rotate(-45deg);transform:translate(-140px,140px) rotate(-45deg)}to{-webkit-transform:translate(0) rotate(-45deg);transform:translate(0) rotate(-45deg)}}@keyframes strafeTop1{0%{-webkit-transform:translate(0) rotate(-45d -2px 2px #000,2px 2px #000,2px -2px #000,-2px -2px #000,eg);transform:translate(0) rotate(-45d -2px 2px #000,2px 2px #000,2px -2px #000,-2px -2px #000,eg)}50%{-webkit-transform:translate(-140px,140px) rotate(-45deg);transform:translate(-140px,140px) rotate(-45deg)}to{-webkit-transform:translate(0) rotate(-45deg);transform:translate(0) rotate(-45deg)}}@-webkit-keyframes strafeBottom1{0%{-webkit-transform:translate(0) rotate(-45deg);transform:translate(0) rotate(-45deg)}50%{-webkit-transform:translate(140px,-140px) rotate(-45deg);transform:translate(140px,-140px) rotate(-45deg)}to{-webkit-transform:translate(0) rotate(-45deg);transform:translate(0) rotate(-45deg)}}@keyframes strafeBottom1{0%{-webkit-transform:translate(0) rotate(-45deg);transform:translate(0) rotate(-45deg)}50%{-webkit-transform:translate(140px,-140px) rotate(-45deg);transform:translate(140px,-140px) rotate(-45deg)}to{-webkit-transform:translate(0) rotate(-45deg);transform:translate(0) rotate(-45deg)}}.landingPages .easybank:hover .bigShadow.top{-webkit-animation:strafeTop1 30s linear infinite;animation:strafeTop1 30s linear infinite}.landingPages .easybank:hover .bigShadow.bottom{-webkit-animation:strafeBottom1 30s linear infinite;animation:strafeBottom1 30s linear infinite}.landingPages .clipboard:hover .bigShadow.top{-webkit-animation:strafeTop1 30s linear infinite;animation:strafeTop1 30s linear infinite}.landingPages .clipboard:hover .bigShadow.bottom{-webkit-animation:strafeBottom1 30s linear infinite;animation:strafeBottom1 30s linear infinite}.landingPages .crowdfund:hover .bigShadow.top{-webkit-animation:strafeTop1 30s linear infinite;animation:strafeTop1 30s linear infinite}.landingPages .crowdfund:hover .bigShadow.bottom{-webkit-animation:strafeBottom1 30s linear infinite;animation:strafeBottom1 30s linear infinite}@-webkit-keyframes strafeTop2{0%{-webkit-transform:translate(0) rotate(-45deg);transform:translate(0) rotate(-45deg)}50%{-webkit-transform:translate(-40px,40px) rotate(-45deg);transform:translate(-40px,40px) rotate(-45deg)}to{-webkit-transform:translate(0) rotate(-45deg);transform:translate(0) rotate(-45deg)}}@keyframes strafeTop2{0%{-webkit-transform:translate(0) rotate(-45deg);transform:translate(0) rotate(-45deg)}50%{-webkit-transform:translate(-40px,40px) rotate(-45deg);transform:translate(-40px,40px) rotate(-45deg)}to{-webkit-transform:translate(0) rotate(-45deg);transform:translate(0) rotate(-45deg)}}@-webkit-keyframes strafeBottom2{0%{-webkit-transform:translate(0) rotate(-45deg);transform:translate(0) rotate(-45deg)}50%{-webkit-transform:translate(40px,-40px) rotate(-45deg);transform:translate(40px,-40px) rotate(-45deg)}to{-webkit-transform:translate(0) rotate(-45deg);transform:translate(0) rotate(-45deg)}}@keyframes strafeBottom2{0%{-webkit-transform:translate(0) rotate(-45deg);transform:translate(0) rotate(-45deg)}50%{-webkit-transform:translate(40px,-40px) rotate(-45deg);transform:translate(40px,-40px) rotate(-45deg)}to{-webkit-transform:translate(0) rotate(-45deg);transform:translate(0) rotate(-45deg)}}.landingPages .fylo:hover .bigShadow.top{-webkit-animation:strafeTop2 15s linear infinite;animation:strafeTop2 15s linear infinite}.landingPages .fylo:hover .bigShadow.bottom{-webkit-animation:strafeBottom2 15s linear infinite;animation:strafeBottom2 15s linear infinite}#projects{margin:auto;max-width:1400px;padding-bottom:20px;position:relative}#projects .titlePanel{background-color:#f4fdbc;border:5px solid #000;height:165px;margin:20px 20px 10px;position:relative}#projects .titlePanel .textBoxContainer{left:60%;margin-right:20px;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}#projects .titlePanel .textBoxContainer:after{background-color:#000;bottom:-3px;content:"";height:2px;position:absolute;right:0;width:80px}#projects .titlePanel .textBoxContainer:before{background-color:#000;bottom:-10px;content:"";height:2px;position:absolute;right:0;width:25px}#projects .projectsTitle{left:70px;pointer-events:none;position:absolute;top:-17px}#projects .projectsTitle .starsPlaceHolder{opacity:0;width:360px}#projects .projectsTitle .stars{left:-15px;position:absolute;top:-55px;width:360px}#projects .projectsTitle .projectBoom{left:30px;position:absolute;top:-15px;width:275px}#projects .projectsTitle .projectText{left:0;position:absolute;top:0;width:390px}#projects .projectsContainer{grid-gap:10px;box-sizing:border-box;display:grid;gap:10px;grid-template-columns:1fr 1.3fr .9fr;grid-template-rows:360px 90px 290px 230px;margin:10px 20px 20px}#projects .filler{align-items:center;background-color:#b6cbfa;border:5px solid #000;display:flex;grid-area:2/2;justify-content:center}#projects .filler h2{color:#fceece;font-size:38px;letter-spacing:2px;text-shadow:-1.5px 1.5px #000,1.5px 1.5px #000,1.5px -1.5px #000,-1.5px -1.5px #000,3px 5px #377b99}@media screen and (max-width:990px){#projects .filler{display:none}#projects .projectsContainer{grid-template-columns:1fr 1fr;grid-template-rows:360px 500px 230px}}@media screen and (max-width:800px){#projects .projectsContainer{grid-template-rows:300px 500px 230px}}@media screen and (max-width:725px){#projects{padding-bottom:300px}#projects .projectsTitle{left:20px;top:-7px}#projects .projectsTitle .stars,#projects .projectsTitle .starsPlaceHolder{width:300px}#projects .projectsTitle .projectBoom{width:230px}#projects .projectsTitle .projectText{width:325px}#projects .projectsContainer{margin:10px}#projects .titlePanel{height:145px;margin:10px}#projects .titlePanel .textBoxContainer{margin-right:10px}#projects .titlePanel .textBoxContainer:after{bottom:-1px;width:50px}#projects .titlePanel .textBoxContainer:before{bottom:-5px;width:20px}#projects .projectsContainer{grid-template-rows:250px 500px 230px}}@media screen and (max-width:550px){#projects .projectsContainer{grid-template-rows:250px 400px 230px}}@media screen and (max-width:500px){#projects .projectsTitle{left:0;top:-7px}#projects .titlePanel{border:3px solid #000;height:118px;margin:10px}#projects .titlePanel .textBox{border:2px solid #000!important}#projects .projectsTitle .starsPlaceHolder{width:250px}#projects .projectsTitle .stars{left:3px;top:-40px;width:250px}#projects .projectsTitle .projectBoom{width:200px}#projects .projectsTitle .projectText{left:20px;top:10px;width:250px}#projects .titlePanel .textBox p.comicNeue{font-size:12px!important}#projects .projectsContainer{grid-template-rows:180px 380px 230px}}@media screen and (max-width:425px){#projects{padding-bottom:250px}#projects .projectsTitle{left:0;top:2px}#projects .titlePanel{height:85px;margin:10px}#projects .projectsTitle .starsPlaceHolder{width:150px}#projects .projectsTitle .stars{left:13px;top:-20px;width:150px}#projects .projectsTitle .projectBoom{top:-7px;width:120px}#projects .projectsTitle .projectText{left:30px;top:10px;width:140px}#projects .titlePanel .textBoxContainer{left:50%}#projects .titlePanel .textBox p.comicNeue{padding:15px!important}#projects .projectsContainer{grid-template-rows:140px 350px 230px;grid-template-rows:140px 325px 230px}}@-webkit-keyframes scale0{0%{-webkit-transform:scale(0);transform:scale(0)}to{-webkit-transform:scale(0);transform:scale(0)}}@keyframes scale0{0%{-webkit-transform:scale(0);transform:scale(0)}to{-webkit-transform:scale(0);transform:scale(0)}}@-webkit-keyframes overPop{0%{-webkit-transform:scale(0);transform:scale(0)}80%{-webkit-transform:scale(1.3);transform:scale(1.3)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes overPop{0%{-webkit-transform:scale(0);transform:scale(0)}80%{-webkit-transform:scale(1.3);transform:scale(1.3)}to{-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes simplePop{0%{-webkit-transform:scale(0);transform:scale(0)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes simplePop{0%{-webkit-transform:scale(0);transform:scale(0)}to{-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes swayRotational{0%{-webkit-transform:scale(1);transform:scale(1);-webkit-transform:rotate(0deg);transform:rotate(0deg)}25%{-webkit-transform:scale(.99);transform:scale(.99);-webkit-transform:rotate(1.5deg);transform:rotate(1.5deg)}50%{-webkit-transform:scale(1);transform:scale(1);-webkit-transform:rotate(0deg);transform:rotate(0deg)}75%{-webkit-transform:scale(.98);transform:scale(.98);-webkit-transform:rotate(-1.5deg);transform:rotate(-1.5deg)}to{-webkit-transform:scale(1);transform:scale(1);-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@keyframes swayRotational{0%{-webkit-transform:scale(1);transform:scale(1);-webkit-transform:rotate(0deg);transform:rotate(0deg)}25%{-webkit-transform:scale(.99);transform:scale(.99);-webkit-transform:rotate(1.5deg);transform:rotate(1.5deg)}50%{-webkit-transform:scale(1);transform:scale(1);-webkit-transform:rotate(0deg);transform:rotate(0deg)}75%{-webkit-transform:scale(.98);transform:scale(.98);-webkit-transform:rotate(-1.5deg);transform:rotate(-1.5deg)}to{-webkit-transform:scale(1);transform:scale(1);-webkit-transform:rotate(0deg);transform:rotate(0deg)}}#projects .projectsTitle.withinView .projectBoom{-webkit-animation:overPop .8s forwards;animation:overPop .8s forwards}#projects .projectsTitle.withinView .projectText{-webkit-animation:scale0 .3s,overPop .8s .3s forwards;animation:scale0 .3s,overPop .8s .3s forwards}#projects .projectsTitle.withinView .stars{-webkit-animation:scale0 .8s,simplePop 1s ease-out .8s,swayRotational 10s linear 1.8s infinite;animation:scale0 .8s,simplePop 1s ease-out .8s,swayRotational 10s linear 1.8s infinite}.sideQuest{background-color:#9fe4d4;border:5px solid #000;cursor:pointer;grid-area:1/1/span 1/span 2;overflow:hidden;position:relative}.sideQuest .dots{-webkit-filter:invert(67%) sepia(73%) saturate(216%) hue-rotate(137deg) brightness(92%) contrast(92%) opacity(.15);filter:invert(67%) sepia(73%) saturate(216%) hue-rotate(137deg) brightness(92%) contrast(92%) opacity(.15);height:100%;object-fit:cover;position:absolute;width:100%}.sideQuest .dissectPad{position:absolute;right:5%;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:24%}.sideQuest .title{bottom:50px;left:10%;position:absolute}.sideQuest .title span{font-size:90px;margin:10px}.sideQuest .title .actual{color:#333;left:0;position:absolute;text-shadow:5px 5px #6fc3cb;transition:.5s}.sideQuest .title .placeHolder{opacity:0}.sideQuest .bigShadow{color:#6fc3cb;font-size:210px;left:3%;opacity:.2;position:absolute;top:2%}@media screen and (max-width:1265px){.sideQuest{grid-area:1/1/span 1/span 2}.sideQuest .bigShadow{font-size:180px;line-height:140px}}@media screen and (max-width:990px){.sideQuest .title{bottom:50px;left:5%}}@media screen and (max-width:600px){.sideQuest .title{bottom:50px;left:5%}.sideQuest .title span{font-size:70px}}@media screen and (max-width:500px){.sideQuest{border:3px solid #000}.sideQuest .title{bottom:30px}.sideQuest .title span{font-size:50px}.sideQuest .bigShadow{font-size:100px}.sideQuest .dissectPad{width:110px}}@media screen and (max-width:435px){.sideQuest .title span{font-size:50px}.sideQuest .bigShadow{font-size:80px}.sideQuest .dissectPad{width:110px}}@media screen and (max-width:425px){.sideQuest .title span{font-size:40px}.sideQuest .bigShadow{font-size:80px}.sideQuest .dissectPad{width:80px}}@-webkit-keyframes strafe{0%{-webkit-transform:translateX(0);transform:translateX(0)}50%{-webkit-transform:translateX(60px);transform:translateX(60px)}to{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes strafe{0%{-webkit-transform:translateX(0);transform:translateX(0)}50%{-webkit-transform:translateX(60px);transform:translateX(60px)}to{-webkit-transform:translateX(0);transform:translateX(0)}}.sideQuest:hover .bigShadow{-webkit-animation:strafe 25s linear infinite;animation:strafe 25s linear infinite}.sideQuest:hover .title .actual{text-shadow:25px 25px 2px #92dbd2;-webkit-transform:translate(-10px,-10px);transform:translate(-10px,-10px);transition:.5s}.sideQuest:hover .title .shadow{opacity:0;-webkit-transform:translate(10px,10px);transform:translate(10px,10px);transition:.5s}.tictactoe{align-items:center;background-color:#86a3e4;border:5px solid #000;color:#333;cursor:pointer;display:flex;flex-flow:column;grid-area:2/1/span 3/span 1;justify-content:space-evenly;position:relative;text-decoration:none}.tictactoe .punyTic{max-width:250px;width:80%;z-index:2}.tictactoe .title h3{color:#333;font-size:40px;font-weight:800;text-align:justify;text-shadow:3px 3px #6789d6;transition:.5s}.tictactoe .title h3:first-child{letter-spacing:6px}.tictactoe .dots{height:100%;object-fit:cover;opacity:.1;position:absolute;-webkit-transform:rotate(180deg);transform:rotate(180deg);width:100%;z-index:1}.tictactoe p{font-size:20px;z-index:2}@media screen and (max-width:990px){.tictactoe{grid-area:2/2/span 1/span 1}}@media screen and (max-width:500px){.tictactoe{border:3px solid #000}.tictactoe .title h3{font-size:35px}}@media screen and (max-width:425px){.tictactoe .title h3{font-size:30px}}.tictactoe:hover h3:first-child{text-shadow:15px 15px 1px #7e9ce0;-webkit-transform:translate(-5px,-5px);transform:translate(-5px,-5px);transition:.5s}.tictactoe:hover h3:nth-child(2){text-shadow:15px 15px 1px #7e9ce0;-webkit-transform:translate(-3px,-3px);transform:translate(-3px,-3px);transition:.5s}.tictactoe:hover h3:nth-child(3){text-shadow:15px 15px 1px #7e9ce0;-webkit-transform:translate(-1px,-1px);transform:translate(-1px,-1px);transition:.5s}.skillsContainer .backend{margin-left:-10px;max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content;position:relative}.skillsContainer .backend .pointyTextBox{font-weight:600;position:absolute;right:20px;top:10px}.skillsContainer .backend .chipsContainer{display:flex;flex-flow:column;left:10px;position:absolute;top:44px}.skillsContainer .backend .chipsContainer .chip{position:relative;transition:.3s}.skillsContainer .backend .chipsContainer .chip img{height:60px;position:absolute}.skillsContainer .backend .chipsContainer .chip .textBox{border:2px solid #000!important;opacity:0;position:absolute}.skillsContainer .backend .chipsContainer .chip .textBox .comicNeue{font-size:16px!important;margin-left:4px;margin-top:4px;padding:7px!important;-webkit-transform:translate(-3px,-3px)!important;transform:translate(-3px,-3px)!important}.skillsContainer .backend .chipsContainer .chip:nth-child(2n-1) .textBox{right:20%}.skillsContainer .backend .chipsContainer .chip:nth-child(2n) .textBox{left:22%}.skillsContainer .backend .chipsContainer .chip:first-child img{right:20px;top:15px}.skillsContainer .backend .chipsContainer .chip:first-child .textBox{top:20px}.skillsContainer .backend .chipsContainer .chip:nth-child(2){margin-left:6px;margin-top:-68px}.skillsContainer .backend .chipsContainer .chip:nth-child(2) img{left:35px;top:20px}.skillsContainer .backend .chipsContainer .chip:nth-child(2) .textBox{top:35px}.skillsContainer .backend .chipsContainer .chip:nth-child(3){margin-left:19px}.skillsContainer .backend .chipsContainer .chip:nth-child(3) img{right:20px;top:17px}.skillsContainer .backend .chipsContainer .chip:nth-child(3) .textBox{top:24px}.skillsContainer .backend .chipsContainer .chip:nth-child(4){margin-left:19px;margin-top:-35px}.skillsContainer .backend .chipsContainer .chip:nth-child(4) img{left:20px;top:17px}.skillsContainer .backend .chipsContainer .chip:nth-child(4) .textBox{top:24px}.skillsContainer .backend .chipsContainer .chip{pointer-events:none}.skillsContainer .backend .chipsContainer .chip svg .pathShell{pointer-events:auto}.skillsContainer .backend .chipsContainer .chip:first-child:hover svg .pathShell path{fill:#bfe4b2;transition:.6s}.skillsContainer .backend .chipsContainer .chip:nth-child(2):hover svg .pathShell path{fill:#e1c1ef;transition:.6s}.skillsContainer .backend .chipsContainer .chip:nth-child(3):hover svg .pathShell path{fill:#8cd471;transition:.6s}.skillsContainer .backend .chipsContainer .chip:nth-child(4):hover svg .pathShell path{fill:#efc3e1;transition:.6s}.skillsContainer .backend .chipsContainer .chip:hover{transition:.3s}.skillsContainer .backend .chipsContainer .chip:nth-child(2n-1):hover{-webkit-transform:translate(15px);transform:translate(15px);transition:.6s}.skillsContainer .backend .chipsContainer .chip:nth-child(2n):hover{-webkit-transform:translate(-15px);transform:translate(-15px);transition:.6s}.skillsContainer .backend .chipsContainer .chip .textBox{transition:.3s}.skillsContainer .backend .chipsContainer .chip:hover .textBox{opacity:1;transition:.6s}@-webkit-keyframes popLeft{0%{opacity:0;-webkit-transform:translate(-40px);transform:translate(-40px)}to{opacity:1;-webkit-transform:translate(0);transform:translate(0)}}@keyframes popLeft{0%{opacity:0;-webkit-transform:translate(-40px);transform:translate(-40px)}to{opacity:1;-webkit-transform:translate(0);transform:translate(0)}}@-webkit-keyframes popRight{0%{opacity:0;-webkit-transform:translate(40px);transform:translate(40px)}to{opacity:1;-webkit-transform:translate(0);transform:translate(0)}}@keyframes popRight{0%{opacity:0;-webkit-transform:translate(40px);transform:translate(40px)}to{opacity:1;-webkit-transform:translate(0);transform:translate(0)}}.skillsContainer .backend.withinView .chipsContainer .chip:first-child{-webkit-animation:popRight .4s;animation:popRight .4s}.skillsContainer .backend.withinView .chipsContainer .chip:nth-child(2){-webkit-animation:opacity0 .4s,popLeft .4s .4s;animation:opacity0 .4s,popLeft .4s .4s}.skillsContainer .backend.withinView .chipsContainer .chip:nth-child(3){-webkit-animation:opacity0 .8s,popRight .4s .8s;animation:opacity0 .8s,popRight .4s .8s}.skillsContainer .backend.withinView .chipsContainer .chip:nth-child(4){-webkit-animation:opacity0 1.2s,popLeft .4s 1.2s;animation:opacity0 1.2s,popLeft .4s 1.2s}.skillsContainer .frontend{margin-top:25px;max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content;position:relative}.skillsContainer .frontend .pointyTextBox{font-weight:600;left:20px;position:absolute;top:10px}.skillsContainer .frontend .pointyTextBox .container p{margin-left:-10px}.skillsContainer .frontend .chipsContainer{display:flex;left:11px;position:absolute;top:65px}.skillsContainer .frontend .chipsContainer .chip{position:relative;transition:.3s}.skillsContainer .frontend .chipsContainer .chip img{height:50px;left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.skillsContainer .frontend .chipsContainer .chip .textBox{border:2px solid #000!important;left:50%;opacity:0;position:absolute;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);transition:.3s}.skillsContainer .frontend .chipsContainer .chip:nth-child(2n-1) .textBox{top:20%}.skillsContainer .frontend .chipsContainer .chip:nth-child(2n) .textBox{top:77%}.skillsContainer .frontend .chipsContainer .chip .textBox .comicNeue{font-size:16px!important;margin-left:4px;margin-top:4px;padding:7px!important;-webkit-transform:translate(-3px,-3px)!important;transform:translate(-3px,-3px)!important}.skillsContainer .frontend .chipsContainer .chip:first-child img{margin-left:-5px}.skillsContainer .frontend .chipsContainer .chip:first-child .textBox{margin-left:-3px}.skillsContainer .frontend .chipsContainer .chip:nth-child(2){margin-left:-33px}.skillsContainer .frontend .chipsContainer .chip:nth-child(2) img{margin-left:10px}.skillsContainer .frontend .chipsContainer .chip:nth-child(2) .textBox{margin-left:7px}.skillsContainer .frontend .chipsContainer .chip:nth-child(3){margin-left:3px;margin-top:-10px}.skillsContainer .frontend .chipsContainer .chip:nth-child(3) img{margin-left:-15px}.skillsContainer .frontend .chipsContainer .chip:nth-child(3) .textBox{margin-left:-10px}.skillsContainer .frontend .chipsContainer .chip:nth-child(4){margin-left:-51px;margin-top:-9px}.skillsContainer .frontend .chipsContainer .chip:nth-child(4) img{margin-left:10px}.skillsContainer .frontend .chipsContainer .chip:nth-child(4) .textBox{margin-left:7px}.skillsContainer .frontend .chipsContainer .chip:nth-child(5){margin-left:-12px}.skillsContainer .frontend .chipsContainer .chip:nth-child(6){margin-left:-16px}.skillsContainer .frontend .chipsContainer .chip:nth-child(6) img{margin-left:4px}.skillsContainer .frontend .chipsContainer .chip:nth-child(7){margin-left:-2px;margin-top:9px}.skillsContainer .frontend .chipsContainer .chip:nth-child(7) img{margin-left:-7px}.skillsContainer .frontend .chipsContainer .chip:nth-child(7) .textBox{margin-left:-3px}.skillsContainer .frontend .chipsContainer .chip{pointer-events:none}.skillsContainer .frontend .chipsContainer .chip svg .pathShell{pointer-events:auto}.skillsContainer .frontend .chipsContainer .chip:hover .textBox{opacity:1;transition:.6s}.skillsContainer .frontend .chipsContainer .chip:nth-child(2n):hover{-webkit-transform:translateY(15px);transform:translateY(15px);transition:.6s}.skillsContainer .frontend .chipsContainer .chip:nth-child(2n-1):hover{-webkit-transform:translateY(-15px);transform:translateY(-15px);transition:.6s}.skillsContainer .frontend .chipsContainer .chip:first-child svg path{transition:.3s}.skillsContainer .frontend .chipsContainer .chip:hover svg path{transition:.6s}.skillsContainer .frontend .chipsContainer .chip:first-child:hover svg path{fill:#ffc9b1}.skillsContainer .frontend .chipsContainer .chip:nth-child(2):hover svg path{fill:#7cd1fa}.skillsContainer .frontend .chipsContainer .chip:nth-child(3):hover svg path{fill:#ffca3e}.skillsContainer .frontend .chipsContainer .chip:nth-child(4):hover svg path{fill:#6ba5e4}.skillsContainer .frontend .chipsContainer .chip:nth-child(5):hover svg path{fill:#61dafb}.skillsContainer .frontend .chipsContainer .chip:nth-child(6):hover svg path{fill:#d094b1}.skillsContainer .frontend .chipsContainer .chip:nth-child(7):hover svg path{fill:#adaeff}@-webkit-keyframes popDown{0%{opacity:0;-webkit-transform:translateY(-40px);transform:translateY(-40px)}to{opacity:1;-webkit-transform:translate(0);transform:translate(0)}}@keyframes popDown{0%{opacity:0;-webkit-transform:translateY(-40px);transform:translateY(-40px)}to{opacity:1;-webkit-transform:translate(0);transform:translate(0)}}@-webkit-keyframes popUp{0%{opacity:0;-webkit-transform:translateY(40px);transform:translateY(40px)}to{opacity:1;-webkit-transform:translate(0);transform:translate(0)}}@keyframes popUp{0%{opacity:0;-webkit-transform:translateY(40px);transform:translateY(40px)}to{opacity:1;-webkit-transform:translate(0);transform:translate(0)}}.skillsContainer .frontend.withinView .chipsContainer .chip:first-child{-webkit-animation:popDown .4s;animation:popDown .4s}.skillsContainer .frontend.withinView .chipsContainer .chip:nth-child(2){-webkit-animation:opacity0 .2s,popUp .4s .2s;animation:opacity0 .2s,popUp .4s .2s}.skillsContainer .frontend.withinView .chipsContainer .chip:nth-child(3){-webkit-animation:opacity0 .4s,popDown .4s .4s;animation:opacity0 .4s,popDown .4s .4s}.skillsContainer .frontend.withinView .chipsContainer .chip:nth-child(4){-webkit-animation:opacity0 .6s,popUp .4s .6s;animation:opacity0 .6s,popUp .4s .6s}.skillsContainer .frontend.withinView .chipsContainer .chip:nth-child(5){-webkit-animation:opacity0 .8s,popDown .4s .8s;animation:opacity0 .8s,popDown .4s .8s}.skillsContainer .frontend.withinView .chipsContainer .chip:nth-child(6){-webkit-animation:opacity0 1s,popUp .4s 1s;animation:opacity0 1s,popUp .4s 1s}.skillsContainer .frontend.withinView .chipsContainer .chip:nth-child(7){-webkit-animation:opacity0 1.2s,popDown .4s 1.2s;animation:opacity0 1.2s,popDown .4s 1.2s}@media screen and (max-width:1170px){.skillsContainer .frontend .frontendBGsmolBorder{width:540px}.skillsContainer .frontend .pointyTextBox{left:15px;top:15px}}.skillsContainer{box-sizing:border-box;display:flex;justify-content:flex-end;margin:30px 0 60px;max-width:1600px;-webkit-transform:scale(1.2);transform:scale(1.2)}@media screen and (max-width:1780px){.skillsContainer{max-width:88vw;-webkit-transform:scale(1.2);transform:scale(1.2)}}@media screen and (max-width:1390px){.skillsContainer{max-width:92vw;-webkit-transform:scale(1.1);transform:scale(1.1)}}@media screen and (max-width:1290px){.skillsContainer{max-width:100%;padding:0 20px;-webkit-transform:scale(1);transform:scale(1)}}@media screen and (max-width:1170px){.skillsContainer{align-items:center;flex-flow:column;margin:20px auto 70px;max-width:80%;padding:0 20px;-webkit-transform:scale(1.2);transform:scale(1.2)}.skillsContainer .frontend{align-self:flex-start}.skillsContainer .backend{align-self:flex-end;margin-left:-25px;margin-top:-37px}}@media screen and (max-width:745px){.skillsContainer .backend,.skillsContainer .frontend{align-self:center}}@media screen and (max-width:700px){.skillsContainer{margin:0 0 40px;max-width:100%;-webkit-transform:scale(1.1);transform:scale(1.1)}}@media screen and (max-width:650px){.skillsContainer{margin:-20px 0 20px;-webkit-transform:scale(1);transform:scale(1)}}@media screen and (max-width:600px){.skillsContainer{margin:-40px 0 10px;-webkit-transform:scale(.95);transform:scale(.95)}}@media screen and (max-width:550px){.skillsContainer{margin:-40px 0 10px;-webkit-transform:scale(.85);transform:scale(.85)}}@media screen and (max-width:500px){.skillsContainer{margin:-80px 0 -40px;-webkit-transform:scale(.8);transform:scale(.8)}}@media screen and (max-width:450px){.skillsContainer{margin:-100px 0 -50px;-webkit-transform:scale(.75);transform:scale(.75)}}@media screen and (max-width:440px){.skillsContainer{margin:-100px 0;-webkit-transform:scale(.68);transform:scale(.68)}}@media screen and (max-width:400px){.skillsContainer{margin:-150px 0 -100px;-webkit-transform:scale(.6);transform:scale(.6)}}
/*# sourceMappingURL=main.b0df3877.css.map*/