@import"https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,300;0,400;0,500;0,700;0,900;1,700&family=Source+Sans+Pro:ital,wght@0,200;0,300;0,400;0,600;0,700;0,900;1,200;1,300;1,400;1,600;1,700;1,900&display=swap";@media only screen and (min-width: 360px) and (max-width: 414px){.belowLanding{position:relative;box-sizing:border-box;width:100%;height:80%;display:flex;flex-direction:row;font-family:Poppins,sans-serif;z-index:15}.contactLeftSide{position:relative;max-width:75%;min-width:75%;width:75%;height:100%;box-sizing:border-box}.santiImage{position:absolute;max-width:80%;max-height:50%;margin-left:5%;padding:3% 3% 0;border-radius:25px;border-style:dashed;border-width:2px;border-color:#929292}.mockPhoneCasing,.mockPhoneNotif,.mockPhoneSkladniki{display:none}.redAndOrangeHue{position:relative;width:90%;height:60%;margin-left:30%;margin-top:5.5%}.raoHueItself{max-width:100%;max-height:100%}.raoHueItself:nth-of-type(2){filter:blur(10px);transform:scale(1.1);margin-top:-93%}.secondBlobDiv{position:absolute;width:80%;height:50%;margin-top:65.5%;margin-bottom:0}.secondBlob{transform:rotate(-120deg);max-width:100%;max-height:100%;margin-top:-25%}.secondBlob:nth-of-type(2){filter:blur(10px);transform:rotate(-150deg) scale(1.1);margin-top:-105%}.dotMeshDiv{position:absolute;width:30%;height:30%;margin-left:45.5%;margin-top:15.5%}.dotMesh{position:absolute;max-width:80%;max-height:100%;filter:invert(1)}.paperPlaneDiv{position:absolute;width:30%;height:3%;margin-left:70%;margin-top:20%;animation:hoverPlane 10s linear infinite}.paperPlane{position:absolute;max-width:80%;max-height:100%;transform:rotate(-15deg) scale(1)}@keyframes hoverPlane{0%,to{margin-top:20%}50%{margin-top:18.5%}}.contactRightSide{position:absolute;max-width:85%;width:85%;height:100%;box-sizing:border-box;border-top-left-radius:25px;margin-top:40%;margin-left:20%;display:flex;flex-direction:column;align-items:center}.formBody{width:80%;height:472px;margin-top:5%;background-color:#f8f8f8;border-radius:25px;filter:drop-shadow(0px 15px 16px rgba(0,0,0,.1));display:flex;flex-direction:column;align-items:center}.leftFormBody{max-width:100%;width:90%;height:100%;border-bottom-left-radius:25px;border-top-left-radius:25px}.formItselfForm{display:flex;flex-direction:column;align-items:center;max-width:100%;width:100%;max-height:100%;margin-left:auto;margin-right:auto;margin-top:1rem}.formItselfFormWithin{display:flex;flex-direction:column;align-items:flex-start;max-width:90%;width:90%;margin-left:auto;margin-right:auto;margin-top:1rem}.rightFormBody{width:0%}.infoCard,.infoCardDeets,.githubLogoICD,.infoCardTitle{display:none}.blueAndGreyContainer{position:absolute;width:60%;max-height:30%;margin-left:35%;margin-top:40%;transform:rotate(225deg)}.gabHue{max-width:100%;filter:blur(100px);opacity:.3}.gabHue:nth-of-type(2){margin-top:-100%;filter:blur(100px)}}@media only screen and (min-width: 601px) and (max-width: 1024px){.belowLanding{position:relative;box-sizing:border-box;width:100%;height:80%;display:flex;flex-direction:row;font-family:Poppins,sans-serif;z-index:15}.contactLeftSide{position:relative;max-width:50%;min-width:50%;width:50%;height:100%;box-sizing:border-box}.santiImage{position:absolute;max-width:80%;max-height:50%;margin-left:5%;padding:3% 3% 0;border-radius:25px;border-style:dashed;border-width:2px;border-color:#929292}.mockPhoneCasing{position:absolute;max-width:50%;width:50%;max-height:40%;border-radius:25px;background-color:#fff;margin-top:40%;margin-left:53%;border:1px solid rgba(146,146,146,.2);filter:drop-shadow(0px 15px 16px rgba(0,0,0,.1));display:flex;flex-direction:column;align-items:center}.mockPhoneNotif{max-width:100%;padding-top:10%;padding-bottom:0}.mockPhoneSkladniki{margin-top:5%;box-sizing:content-box;overflow-x:hidden;max-width:90%}.redAndOrangeHue{position:relative;width:60%;height:60%;margin-left:37.5%;margin-top:5.5%}.raoHueItself{max-width:100%;max-height:100%}.raoHueItself:nth-of-type(2){filter:blur(10px);transform:scale(1.1);margin-top:-93%}.secondBlobDiv{position:absolute;width:50%;height:50%;margin-top:65.5%;margin-bottom:0}.secondBlob{transform:rotate(-150deg);max-width:100%;max-height:100%}.secondBlob:nth-of-type(2){filter:blur(10px);transform:rotate(-150deg) scale(1.1);margin-top:-105%}.dotMeshDiv{position:absolute;width:30%;height:30%;margin-left:45.5%;margin-top:15.5%}.dotMesh{position:absolute;max-width:80%;max-height:100%;filter:invert(1)}.paperPlaneDiv{position:absolute;width:30%;height:3%;margin-left:70%;margin-top:20%;animation:hoverPlane 10s linear infinite}.paperPlane{position:absolute;max-width:80%;max-height:100%;transform:rotate(-15deg) scale(1)}@keyframes hoverPlane{0%,to{margin-top:20%}50%{margin-top:18.5%}}.contactRightSide{max-width:50%;width:50%;height:100%;box-sizing:border-box;border-top-left-radius:25px;display:flex;flex-direction:column;align-items:center}.formBody{width:80%;height:472px;margin-top:5%;background-color:#f8f8f8;border-radius:25px;filter:drop-shadow(0px 15px 16px rgba(0,0,0,.1));display:flex;flex-direction:column;align-items:center}.leftFormBody{max-width:100%;width:90%;height:100%;border-bottom-left-radius:25px;border-top-left-radius:25px}.formItselfForm{display:flex;flex-direction:column;align-items:center;max-width:100%;width:100%;max-height:100%;margin-left:auto;margin-right:auto;margin-top:1rem}.formItselfFormWithin{display:flex;flex-direction:column;align-items:flex-start;max-width:90%;width:90%;margin-left:auto;margin-right:auto;margin-top:1rem}.rightFormBody{width:0%}.infoCard,.infoCardDeets,.githubLogoICD,.infoCardTitle{display:none}.blueAndGreyContainer{position:absolute;width:60%;max-height:30%;margin-left:35%;margin-top:40%;transform:rotate(225deg)}.gabHue{max-width:100%;filter:blur(100px);opacity:.3}.gabHue:nth-of-type(2){margin-top:-100%;filter:blur(100px)}}@media only screen and (min-width: 1024px) and (max-width: 1920px){.belowLanding{position:relative;box-sizing:border-box;width:100%;height:80vh;display:flex;flex-direction:row;font-family:Poppins,sans-serif;z-index:15}.contactLeftSide{position:relative;max-width:50%;width:50%;height:100%;box-sizing:border-box}.santiImage{position:absolute;max-width:40%;margin-left:20%;margin-top:5%;padding:3% 3% 0;border-radius:25px;border-style:dashed;border-width:2px;border-color:#929292}.mockPhoneCasing{position:absolute;max-width:40%;border-radius:25px;background-color:#fff;width:30%;height:60%;margin-top:20%;margin-left:53%;border:1px solid rgba(146,146,146,.2);filter:drop-shadow(0px 15px 16px rgba(0,0,0,.1));display:flex;flex-direction:column;align-items:center;overflow-y:hidden}.mockPhoneNotif{width:100%;padding-top:10%;padding-bottom:0}.mockPhoneSkladniki{margin-top:5%;box-sizing:content-box;overflow-x:hidden;max-width:90%}.redAndOrangeHue{position:absolute;width:40%;height:40%;margin-left:37.5%;margin-top:-5.5%}.raoHueItself{max-width:100%;max-height:100%}.raoHueItself:nth-of-type(2){filter:blur(10px);transform:scale(1.1);margin-top:-70%}.secondBlobDiv{position:absolute;width:50%;height:50%;margin-left:10%;margin-top:20.5%;margin-bottom:0}.secondBlob{transform:rotate(-150deg);max-width:100%;max-height:100%}.secondBlob:nth-of-type(2){filter:blur(10px);transform:rotate(-150deg) scale(1.1);margin-top:-70%}.dotMeshDiv{position:relative;width:30%;height:30%;margin-left:45.5%;margin-top:35.5%}.dotMesh{position:absolute;max-width:80%;max-height:100%;filter:invert(1)}.paperPlaneDiv{position:absolute;width:30%;height:30%;margin-left:55%;margin-top:0;animation:hoverPlane 10s linear infinite}.paperPlane{position:absolute;max-width:80%;max-height:100%;transform:rotate(-15deg) scale(.2)}@keyframes hoverPlane{0%,to{margin-top:0}50%{margin-top:-1.5%}}.contactRightSide{max-width:50%;width:50%;height:100%;box-sizing:border-box;border-top-left-radius:25px}.formBody{width:80%;height:472px;margin-top:5%;background-color:#f8f8f8;border-radius:25px;filter:drop-shadow(0px 15px 16px rgba(0,0,0,.1))}.leftFormBody{max-width:50%;width:50%;height:100%;border-bottom-left-radius:25px;border-top-left-radius:25px}.rightFormBody{max-width:50%;width:50%;height:100%;border-bottom-right-radius:25px;border-top-right-radius:25px}.formItselfForm{display:flex;flex-direction:column;align-items:flex-start;max-width:100%;max-height:100%;margin-left:auto;margin-right:auto;margin-top:1rem}.formItselfFormWithin{display:flex;flex-direction:column;align-items:flex-start;max-width:90%;width:90%;margin-left:auto;margin-right:auto;margin-top:1rem}.infoCard{height:80%;max-width:90%;width:90%;align-self:center;margin-top:1rem;border-radius:25px;filter:drop-shadow(0px 15px 10px rgba(70,49,119,.1))}.infoCardDeets{transform:skew(15deg) rotate(-22.5deg);perspective:23rem;perspective-origin:bottom left;filter:drop-shadow(-45px 25px 30px rgba(79,76,83,.3));margin-top:10%;margin-left:10%}.githubLogoICD{max-height:1.5rem}.blueAndGreyContainer{position:absolute;width:30%;max-height:30%;margin-left:60%;margin-top:17%;transform:rotate(225deg)}.gabHue{max-width:100%;filter:blur(100px)}.gabHue:nth-of-type(2){margin-top:-100%;filter:blur(100px)}}@media only screen and (min-width: 360px) and (max-width: 601px){*{box-sizing:border-box;margin:0;padding:0;font-family:Roboto,sans-serif;font-family:Source Sans Pro,sans-serif}.App{width:100%;box-sizing:border-box;overflow-x:hidden;overflow-y:hidden}.landingElements{max-width:100vw;width:100vw}.navBarThing{width:100vw;height:3%;padding-left:2%;display:flex;flex-direction:row;top:0;position:sticky;z-index:13;box-sizing:border-box}.pageHeader{font-weight:900;letter-spacing:-3.5px;margin-left:0;transition:letter-spacing .15s}.pageHeader:hover{letter-spacing:-1.5px;color:#048}.githubLogo{max-height:2.775vh;margin-right:3px}.greenAndYellowHue{position:absolute;top:-15%;margin-left:60%;height:30vh;width:30vh;background:linear-gradient(220deg,#ffd651,#aefabe);z-index:13;border-radius:90% 20% 80% 50%;filter:blur(70px);transform:rotate(255deg);display:none}.blueAndPurpleHue{position:absolute;margin-left:-35%;margin-top:80%;max-height:50%;height:30%;width:50%;background:linear-gradient(220deg,#df43a3,#1a75ff);z-index:13;border-radius:90% 20% 80% 50%;filter:blur(40px)}.stackForText{position:absolute;width:100%;height:90vh;overflow-x:hidden;overflow-y:visible;z-index:17}.textAndDat{width:60%;display:flex;flex-direction:column;align-items:flex-start;margin-top:30%;margin-left:5%;margin-right:auto}.introductoryPhrase{align-self:start;font-weight:400;color:#505050;letter-spacing:-2px;font-size:1.5rem;margin-bottom:.5rem}.leonOmolloH1{width:100%;font-weight:700;font-size:3rem;line-height:60%;z-index:16;background:-webkit-linear-gradient(-86deg,#4154ff 5%,#048 91%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;-webkit-text-stroke:7px transparent;transition:.15s}.nameHighlghted{z-index:15;margin:0;padding:0;box-sizing:border-box}.followUpPhrase{display:flex;flex-direction:column;align-items:flex-start;font-weight:400;color:#505050;letter-spacing:-2px;font-size:1.5rem;margin-bottom:.5rem;margin-top:.5rem}#typewriterText{display:flex;flex-direction:row;align-items:center;background-color:#111;border-radius:8px;color:#fff;padding-right:1rem;padding-left:1rem;min-width:100px;min-height:3rem;font-weight:900;font-style:italic;margin-top:.5rem;margin-left:.5rem}#typewriterText>p{display:flex;flex-direction:row;align-items:baseline}#typewriterText>p>span{display:none}.scaffolding{height:100%;width:100%;display:flex;flex-direction:row;overflow-x:hidden}.blobAndDansan{background-color:"#222";width:100%;height:768px;display:flex;flex-direction:column;align-items:center;overflow-x:visible}.blobContainer{position:relative;display:flex;justify-content:center;align-items:center;width:100%;margin-top:10%;min-height:426px;max-height:100%;max-width:100%;box-sizing:border-box;overflow-x:hidden}.theBlob{position:absolute;width:100%;z-index:15;margin-left:35%;object-fit:cover;box-sizing:border-box}.theBlob:nth-child(2){filter:blur(50px);z-index:15}.danSantander{display:flex;position:absolute;height:40%;width:100%;margin-left:35%;margin-top:10vh;z-index:15}.skyDiv{margin-top:-426px;position:relative;min-height:60%;height:60%;width:100%;background:radial-gradient(circle,#fff,#f7f9c3 30%,#49d9ff 61%,#fff 87%);border-radius:50%;filter:blur(60px);margin-left:35%}.chamomileDiv{position:relative;box-sizing:border-box;max-width:100%;max-height:100%;min-height:426px;margin-top:-426px;z-index:15;display:flex;flex-direction:column;overflow-y:hidden;overflow-x:hidden}.chamomilePng{max-width:10%;max-height:10%;margin-left:75%;margin-top:15%;animation-name:cham;animation-duration:10s;animation-iteration-count:infinite}.chamomilePng:nth-of-type(2){margin-left:45%;margin-top:30%}@keyframes cham{0%{transform:rotate(0)}50%{transform:rotate(180deg)}to{transform:rotate(360deg)}}.dovePng{transform:scale(.2) rotateY(180deg);margin-top:-40%;margin-left:65%;animation-name:dover;animation-duration:7s;animation-iteration-count:infinite}@keyframes dover{0%,to{transform:scale(.2) rotateY(180deg) translateY(20px)}50%{transform:scale(.2) rotateY(180deg) translateY(-20px)}}.butterflyPng{transform:rotate(22.5deg);max-width:200px;width:100px;margin-top:-75%;margin-left:15%;animation-name:butter;animation-duration:2s;animation-iteration-count:infinite}@keyframes butter{0%,to{transform:scale(.1) rotate(22.5deg) translateY(20px)}50%{transform:scale(.1) rotate(22.5deg) translateY(-20px)}}.soundpadDiv{position:relative;z-index:17;height:20%;width:100%;background-color:transparent;border-radius:25px;filter:drop-shadow(0px 15px 16px rgba(255,165,187,.5));animation-name:spd;animation-duration:10s;animation-iteration-count:infinite}.soundPad{display:flex;flex-direction:column;height:100%;width:100%}.soundPadSegment{width:100%;height:20%}.soundPadSegmentTitle{max-width:100%;max-height:100%}.soundPadSegment:nth-of-type(1){border-top-right-radius:25px;border-top-left-radius:25px;display:flex;flex-direction:row;align-items:center}.soundPadSegment:nth-of-type(1)>p{font-weight:400;font-size:1rem;letter-spacing:-1px;color:#505050;margin-left:1.5rem}.soundPadSegment:nth-of-type(2){height:40%;border-bottom-right-radius:25px;border-bottom-left-radius:25px;display:flex;flex-direction:row;justify-content:space-evenly;align-items:flex-start}.mpc-button{max-height:100%;--height: 100%;flex:1;display:flex;flex-direction:row;justify-content:center;align-items:center}.mpc-button:nth-of-type(1){border-bottom-left-radius:25px}.mpc-button:nth-of-type(6){border-bottom-right-radius:25px}.mpcIcon{max-width:40%;max-height:40%;margin-left:5%;margin-top:5%;filter:drop-shadow(0px 15px 16px rgba(0,0,0,.1))}}@media only screen and (min-width: 601px) and (max-width: 1024px){*{box-sizing:border-box;margin:0;padding:0;font-family:Roboto,sans-serif;font-family:Source Sans Pro,sans-serif}.App{width:100%;box-sizing:border-box;overflow-x:hidden;overflow-y:hidden}.landingElements{max-width:100vw;width:100vw}.navBarThing{width:100vw;height:3%;padding-left:2%;display:flex;flex-direction:row;top:0;position:sticky;z-index:13;box-sizing:border-box}.pageHeader{font-weight:900;letter-spacing:-3.5px;margin-left:0;transition:letter-spacing .15s}.pageHeader:hover{letter-spacing:-1.5px;color:#048}.githubLogo{max-height:2.775vh;margin-right:3px}.greenAndYellowHue{position:absolute;top:-15%;margin-left:60%;height:30vh;width:30vh;background:linear-gradient(220deg,#ffd651,#aefabe);z-index:13;border-radius:90% 20% 80% 50%;filter:blur(70px);transform:rotate(255deg);display:none}.blueAndPurpleHue{position:absolute;margin-left:-35%;margin-top:80%;max-height:50%;height:30%;width:50%;background:linear-gradient(220deg,#df43a3,#1a75ff);z-index:13;border-radius:90% 20% 80% 50%;filter:blur(40px)}.stackForText{height:100vh;overflow-x:hidden;overflow-y:visible;z-index:14}.textAndDat{width:80%;display:flex;flex-direction:column;align-items:flex-start;margin-top:30%;margin-left:auto}.introductoryPhrase{align-self:start;font-weight:400;color:#505050;letter-spacing:-2px;font-size:1.5rem;margin-bottom:.5rem}.leonOmolloH1{width:100%;font-weight:900;letter-spacing:-.2rem;font-size:4.5rem;line-height:60%;z-index:16;background:-webkit-linear-gradient(-86deg,#4154ff 5%,#048 91%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;-webkit-text-stroke:7px transparent;transition:.15s}.nameHighlghted{z-index:15;margin:0;padding:0;box-sizing:border-box}.followUpPhrase{display:flex;flex-direction:column;align-items:flex-start;font-weight:400;color:#505050;letter-spacing:-2px;font-size:1.5rem;margin-bottom:.5rem;margin-top:.5rem}#typewriterText{display:flex;flex-direction:row;align-items:center;background-color:#111;border-radius:8px;color:#fff;padding-right:1rem;padding-left:1rem;min-width:100px;min-height:3rem;font-weight:900;font-style:italic;margin-top:.5rem;margin-left:.5rem}#typewriterText>p{display:flex;flex-direction:row;align-items:baseline}#typewriterText>p>span{display:none}.scaffolding{margin-left:auto;margin-right:auto;width:50vw;display:flex;flex-direction:row;overflow-x:visible}.blobContainer{position:relative;display:flex;justify-content:center;align-items:center;width:100%;min-height:426px;margin-top:10%;max-width:100%;box-sizing:border-box;overflow-x:visible}.blobAndDansan{background-color:"#222";width:100%;height:768px;display:flex;flex-direction:column;align-items:center;overflow-x:visible}.theBlob{position:absolute;width:100%;z-index:15;object-fit:cover;box-sizing:border-box}.theBlob:nth-child(2){filter:blur(50px);z-index:15}.skyDiv{margin-top:-426px;position:relative;min-height:60%;height:60%;width:100%;background:radial-gradient(circle,#fff,#f7f9c3 30%,#49d9ff 61%,#fff 87%);border-radius:50%;filter:blur(60px)}.chamomileDiv{position:relative;box-sizing:border-box;max-width:100%;max-height:100%;min-height:426px;margin-top:-426px;z-index:15;display:flex;flex-direction:column;overflow-y:hidden;overflow-x:hidden}.chamomilePng{max-width:10%;max-height:10%;margin-left:60%;margin-top:15%;animation-name:cham;animation-duration:10s;animation-iteration-count:infinite}.chamomilePng:nth-of-type(2){margin-left:35%;margin-top:30%}@keyframes cham{0%{transform:rotate(0)}50%{transform:rotate(180deg)}to{transform:rotate(360deg)}}.dovePng{transform:scale(.2) rotateY(180deg);margin-top:-40%;margin-left:50%;animation-name:dover;animation-duration:7s;animation-iteration-count:infinite}@keyframes dover{0%,to{transform:scale(.2) rotateY(180deg) translateY(20px)}50%{transform:scale(.2) rotateY(180deg) translateY(-20px)}}.butterflyPng{transform:rotate(22.5deg);max-width:200px;width:100px;margin-top:-75%;margin-left:15%;animation-name:butter;animation-duration:2s;animation-iteration-count:infinite}@keyframes butter{0%,to{transform:scale(.1) rotate(22.5deg) translateY(20px)}50%{transform:scale(.1) rotate(22.5deg) translateY(-20px)}}.danSantander{display:flex;position:absolute;height:40%;width:40vw;margin-top:10vh;z-index:15}.soundpadDiv{position:absolute;z-index:17;height:20%;width:100%;margin-left:-31%;margin-top:48%;background-color:transparent;border-radius:25px;transform:scale(.5);filter:drop-shadow(0px 15px 16px rgba(255,165,187,.5));animation-name:spd;animation-duration:10s;animation-iteration-count:infinite}@keyframes spd{0%,to{transform:translateY(-10px) scale(.48)}50%{transform:translateY(10px) scale(.48)}}.soundPad{display:flex;flex-direction:column;height:100%;width:100%}.soundPadSegment{width:100%;height:20%}.soundPadSegmentTitle{max-width:100%;max-height:100%}.soundPadSegment:nth-of-type(1){border-top-right-radius:25px;border-top-left-radius:25px;display:flex;flex-direction:row;align-items:center}.soundPadSegment:nth-of-type(1)>p{font-weight:400;font-size:2rem;letter-spacing:-2px;color:#505050;margin-left:1.5rem}.soundPadSegment:nth-of-type(2){height:80%;border-bottom-right-radius:25px;border-bottom-left-radius:25px;display:flex;flex-direction:row;justify-content:space-evenly}.mpc-button{max-height:100%;--height: 100%;flex:1;display:flex;flex-direction:row;justify-content:center;align-items:center}.mpc-button:nth-of-type(1){border-bottom-left-radius:25px}.mpc-button:nth-of-type(6){border-bottom-right-radius:25px}.mpcIcon{max-width:40%;max-height:40%;margin-left:5%;margin-top:5%;filter:drop-shadow(0px 15px 16px rgba(0,0,0,.1))}}@media only screen and (min-width: 1024px) and (max-width: 1920px){*{box-sizing:border-box;margin:0;padding:0;font-family:Roboto,sans-serif;font-family:Source Sans Pro,sans-serif}.App{box-sizing:border-box;max-width:100vw;max-height:100vh;overflow-x:hidden;overflow-y:hidden}.stackForText{height:90vh;overflow-x:hidden;overflow-y:visible}.textAndDat{width:80%;display:flex;flex-direction:column;align-items:flex-start;margin-top:30%;margin-left:auto}.introductoryPhrase{align-self:start;font-weight:400;color:#505050;letter-spacing:-2px;font-size:1.5rem;margin-bottom:.5rem}.leonOmolloH1{width:100%;font-weight:900;letter-spacing:-.5rem;font-size:6rem;line-height:60%;z-index:16;background:-webkit-linear-gradient(-86deg,#4154ff 5%,#048 91%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;-webkit-text-stroke:7px transparent;transition:.15s}.leonOmolloH1:hover{background:-webkit-linear-gradient(-86deg,#4658fa 5%,#048);-webkit-background-clip:text;-webkit-text-fill-color:transparent;-webkit-text-stroke:7px transparent}.nameHighlghted{z-index:15;margin:0;padding:0;box-sizing:border-box}.followUpPhrase{display:flex;flex-direction:row;align-items:baseline;font-weight:400;color:#505050;letter-spacing:-2px;font-size:1.5rem;margin-bottom:.5rem;margin-top:.5rem}#typewriterText{display:flex;flex-direction:row;align-items:center;background-color:#111;border-radius:8px;color:#fff;padding-right:1rem;padding-left:1rem;min-width:100px;min-height:3rem;font-weight:900;font-style:italic;margin-top:.5rem;margin-left:.5rem}#typewriterText>p{display:flex;flex-direction:row;align-items:center}.scaffolding{margin-left:auto;margin-right:auto;height:90vh;width:50vw;display:flex;flex-direction:row;overflow-x:hidden}.blobAndDansan{background-color:"#222";width:100%;height:768px;display:flex;flex-direction:column;align-items:center}.blobContainer{position:relative;display:flex;justify-content:center;align-items:center;width:100%;margin-top:10vh;min-height:50vh;max-height:100%;max-width:100%;box-sizing:border-box}.theBlob{position:absolute;height:60vh;width:100%;z-index:15;object-fit:cover;box-sizing:border-box}.theBlob:nth-child(2){filter:blur(50px);z-index:15}.grassDiv{position:absolute;max-width:100%;max-height:100%;width:50%;height:100%;z-index:15;display:flex;flex-direction:column}.grassImg{max-width:50%;margin-top:85%;margin-left:25%}.skyDiv{margin-top:-70%;position:relative;min-height:100%;height:100%;width:70%;background:radial-gradient(circle,#fff,#f7f9c3 30%,#49d9ff 61%,#fff 87%);border-radius:50%;filter:blur(60px)}.chamomileDiv{max-width:100%;max-height:100%;z-index:15;position:absolute;display:flex;flex-direction:column;overflow-y:visible}.chamomilePng{max-width:10%;max-height:10%;margin-left:60%;margin-top:15%;animation-name:cham;animation-duration:10s;animation-iteration-count:infinite}.chamomilePng:nth-of-type(2){margin-left:35%;margin-top:30%}@keyframes cham{0%{transform:rotate(0)}50%{transform:rotate(180deg)}to{transform:rotate(360deg)}}.dovePng{transform:scale(.2) rotateY(180deg);margin-top:-40%;margin-left:50%;animation-name:dover;animation-duration:7s;animation-iteration-count:infinite}.butterflyPng{transform:rotate(22.5deg);max-width:200px;width:100px;margin-top:-75%;margin-left:15%;animation-name:butter;animation-duration:2s;animation-iteration-count:infinite}@keyframes butter{0%,to{transform:scale(.1) rotate(22.5deg) translateY(20px)}50%{transform:scale(.1) rotate(22.5deg) translateY(-20px)}}@keyframes dover{0%,to{transform:scale(.2) rotateY(180deg) translateY(20px)}50%{transform:scale(.2) rotateY(180deg) translateY(-20px)}}.soundpadDiv{position:absolute;z-index:17;height:40%;width:28%;margin-left:-31%;margin-top:8%;background-color:#fff;border-radius:25px;transform:scale(.5);filter:drop-shadow(0px 15px 16px rgba(255,165,187,.5));animation-name:spd;animation-duration:10s;animation-iteration-count:infinite}@keyframes spd{0%,to{transform:translateY(-10px) scale(.48)}50%{transform:translateY(10px) scale(.48)}}.soundPad{display:flex;flex-direction:column;height:100%;width:100%}.soundPadSegment{width:100%;height:20%}.soundPadSegmentTitle{max-width:100%;max-height:100%}.soundPadSegment:nth-of-type(1){border-top-right-radius:25px;border-top-left-radius:25px;display:flex;flex-direction:row;align-items:center}.soundPadSegment:nth-of-type(1)>p{font-weight:400;font-size:1.5rem;letter-spacing:-2px;color:#505050;margin-left:1.5rem}.soundPadSegment:nth-of-type(2){height:80%;border-bottom-right-radius:25px;border-bottom-left-radius:25px;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-evenly}.mpc-button{max-height:50%;--height: 50%;min-width:30%;width:30%;flex:1;display:flex;flex-direction:row;justify-content:center;align-items:center}.mpc-button:nth-of-type(1){background-color:#ff7b0033}.mpc-button:nth-of-type(2){background-color:#02008033}.mpc-button:nth-of-type(3){background-color:#ffd90086}.mpc-button:nth-of-type(4){background-color:#b700ff33;border-bottom-left-radius:25px}.mpc-button:nth-of-type(5){background-color:#fff3}.mpc-button:nth-of-type(6){background-color:#00ff4c33;border-bottom-right-radius:25px}.mpc-button:before{content:"";position:absolute;opacity:.3;max-height:50%;height:var(--height);min-width:30%;width:30%;transform:scaleY(.8) scaleX(1.12);flex:1;background:#fff}.mpc-button:nth-of-type(6):before{border-bottom-right-radius:25px}.mpc-button:nth-of-type(4):before{border-bottom-left-radius:25px}.mpc-button.activeRn:before{border-radius:25px;animation:ripple .3s linear forwards}@keyframes ripple{0%{transform:scale(0)}to{transform:scale(2);opacity:0;max-width:50%}}.mpcIcon{max-width:40%;max-height:40%;margin-left:5%;margin-top:5%;filter:drop-shadow(0px 15px 16px rgba(0,0,0,.1))}.danSantander{display:flex;position:absolute;height:60%;width:40vw;margin-top:10%;z-index:15}.greenAndYellowHue{position:absolute;top:-15vh;margin-left:25vw;height:30vh;width:30vh;background:linear-gradient(220deg,#ffd651,#aefabe);z-index:13;border-radius:90% 20% 80% 50%;filter:blur(70px);transform:rotate(255deg);animation-name:gayh;animation-duration:10s;animation-iteration-count:infinite}@keyframes gayh{0%{border-bottom-right-radius:80%;margin-left:25vw;top:-10vh}50%{border-bottom-right-radius:10%;margin-left:35vw;top:-15vh}to{border-bottom-right-radius:80%;margin-left:25vw;top:-10vh}}.blueAndPurpleHue{position:absolute;margin-left:-35vh;max-height:50vh;height:30vh;width:50vh;background:linear-gradient(220deg,#df43a3,#1a75ff);z-index:13;border-radius:90% 20% 80% 50%;filter:blur(40px);animation-name:baph;animation-duration:10s;animation-iteration-count:infinite;animation-timing-function:linear}@keyframes baph{0%{border-top-right-radius:20%;border-bottom-right-radius:80%;margin-top:60vh}50%{border-top-right-radius:80%;border-bottom-right-radius:10%;margin-top:55vh}to{border-top-right-radius:20%;border-bottom-right-radius:80%;margin-top:60vh}}.blueAndPurpleHue:before{position:absolute;margin-left:-35vh;height:50vh;width:50vh;background:linear-gradient(220deg,#df43a3,#000);z-index:13;border-radius:90% 20% 80% 50%;filter:blur(40px);animation-name:baph;animation-duration:10s;animation-iteration-count:infinite;animation-timing-function:linear}.blueAndPurpleHue.active:before{animation:spreadOut .3s linear forwards}@keyframes spreadOut{0%{transform:scale(0)}to{transform:scale(6)}}.navBarThing{width:100%;height:7.5vh;background:transparent;padding-left:5vh;padding-right:5vh;display:flex;flex-direction:row;top:0;position:sticky;z-index:13}.pageHeader{font-weight:900;letter-spacing:-3.5px;margin-left:0;transition:letter-spacing .15s}.pageHeader:hover{letter-spacing:-1.5px;color:#048}.githubLogo{max-height:37%;margin-right:3px}}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}