*{margin:0;padding:0;box-sizing:border-box}body{width:100%;height:100vh;overflow:hidden;background:#403e6b;background:linear-gradient(to bottom,#403e6b,#5a3250 95%);background-attachment:fixed;color:#fff;font-family:Inter,serif;font-optical-sizing:auto;font-weight:400;font-style:normal;margin:0;padding:0}#root{width:100%;height:100%}@media (max-width: 800px){body{overflow-y:auto;overflow-x:hidden;height:auto}::-webkit-scrollbar-thumb{border-radius:15px;background-color:#4c3d59}::-webkit-scrollbar{width:12px;height:48px}::-webkit-scrollbar-track{background:#4c3d59}::-webkit-scrollbar-corner{background-color:transparent}}nav{width:100%;height:10vh;display:flex;justify-content:space-between;align-items:center;padding:1% 5%}#navLeft{display:flex;justify-content:space-between;align-items:center;width:100%}#navRight{display:none;cursor:pointer}.link{text-decoration:none;color:#fff;font-weight:700;transition:.3s}.link:hover{cursor:pointer;color:#7189bb;text-shadow:0px 4px 5px rgba(225,225,225,.2)}ul{list-style-type:none;display:flex;justify-content:space-between;width:100%}li{font-size:1.5rem}.otherLinks{width:25%;display:flex;justify-content:space-between}h1{font-size:2.5rem}@media (max-width: 800px){#navRight{display:block;font-size:2rem}.otherLinks{display:none;position:fixed;top:0;left:-250px;height:100%;width:250px;background-color:#4d395f;flex-direction:column;padding-top:60px;z-index:1000;transition:left .3s ease-in-out}.otherLinks.active{display:block;left:0}ul{flex-direction:column;gap:1rem;align-items:center}#navRight{display:block}}.homeContentContainer{width:35%}.homeMusicContainer{width:35%;height:fit-content;display:flex;flex-direction:column;gap:4rem;align-items:center}.contentHead{font-size:6rem;font-weight:700;margin-bottom:2%;animation:fadeInSlide 2s ease-in-out forwards;opacity:0}#homeBlurb{animation:fadeInSlide 2s ease-in-out forwards;animation-delay:.3s;opacity:0;font-size:1.25rem;font-weight:500}mark{background:none;color:#7189bb}.homeImgCon{width:344px;height:350px;border-radius:36px;background-color:#fff;animation:fadeInSlide 2s ease-in-out forwards;animation-delay:.6s;opacity:0}.animatedBgContainer{position:absolute;z-index:-1;width:100%;height:100%}.generalNoteClass{position:absolute;animation:fly 3s linear}@keyframes fly{0%{opacity:0%;transform:translate(0) scale(.25);filter:blur(2.5px)}50%{opacity:.8;transform:translate(-50vw) scale(.5) ro;filter:blur(0px)}to{opacity:0;transform:translate(-100vw) scale(.25);filter:blur(10px)}}img{object-fit:cover;width:100%;height:100%;border-radius:15px}@media (min-width: 1600px){.contentHead{font-size:6rem}#homeBlurb{font-size:1.75rem}.homeContentContainer{width:40%}.homeImgCon{width:394px;height:400px}}@media (max-width: 1300px){#homeBlurb{font-size:1rem}.homeImgCon{width:294px;height:300px}.contentHead{font-size:4rem}}@media (max-width: 800px){main{display:flex;flex-direction:column;height:100%;align-items:center}.homeImgCon{width:244px;height:250px}.homeContentContainer{margin-top:5%;margin-bottom:10%;width:100%;display:flex;flex-direction:column;align-items:center;text-align:center}.homeMusicContainer{margin-top:0;width:100%;margin-bottom:10%;display:flex;flex-direction:column;align-items:center}}.controlBtns{display:flex;justify-content:space-evenly;width:30%;align-items:center;padding:2.5%;border-radius:15px;background:#8d9fc44d}input{width:80%;margin-bottom:5%;height:15px}input:focus{outline:none}.musicPlayerContainer{display:flex;flex-direction:column;align-items:center;width:100%}.controlIcons{font-size:2rem;transition:.3s}.controlIcons:hover{cursor:pointer}.controlIconsPlay{font-size:2.5rem;transition:.3s}.controlIconsPlay:hover{cursor:pointer}#aboutMusicControl{animation:fadeInSlide 1s ease-in-out forwards;animation-delay:2.5s;opacity:0}#homeMusicControl{animation:fadeInSlide 2s ease-in-out forwards;animation-delay:1.2s;opacity:0}#contactMusicControl{animation:fadeInSlide 2s ease-in-out forwards;animation-delay:1.8s;opacity:0}@media (min-width: 1600px){.controlBtns{width:50%}.controlIcons,.controlIconsPlay{font-size:3rem}}@media (max-width: 1300px){.controlIconsPlay{font-size:2rem}.controlBtns{width:45%}.musicPlayerContainer{margin-bottom:5%}}main{height:90vh;display:flex;justify-content:space-between;align-items:center;padding:0% 8%}.aboutContentContainer{width:35%;display:flex;flex-direction:column;align-items:center;gap:1rem}.aboutContentImg{width:344px;height:365px;border-radius:36px;margin-bottom:2%;animation:fadeInSlide 1.5s ease-in-out forwards;animation-delay:.5s;opacity:0}#aboutHead{animation:fadeInSlide 1.5s ease-in-out forwards;animation-delay:0s;opacity:0}#aboutHr{width:70%;height:5px;border-radius:10px;background-color:#fff;animation:fadeInSlide 1.5s ease-in-out forwards;animation-delay:.5s;opacity:0}h3{font-size:2.8rem;text-align:left;margin-bottom:2%;font-weight:700}#aboutBlurb{font-size:1.25rem;font-weight:400;text-align:center;animation:fadeInSlide 1.5s ease-in-out forwards;animation-delay:1s;opacity:0}.aboutSkillsContainer{width:35%;display:flex;flex-direction:column;align-items:center;gap:1rem}h4{font-size:1.5rem;font-weight:700}.softwareIconContainer{display:grid;grid-template-columns:1fr 1fr auto;grid-template-rows:1fr 1fr 1fr auto;animation:fadeInSlide 1.5s ease-in-out forwards;animation-delay:2s;opacity:0}.lastGridIcon{grid-column:2 / 3}.currentSkillsHead{animation:fadeInSlide 1.5s ease-in-out forwards;animation-delay:1.5s;opacity:0}.iconAnimation{animation:spin 2s linear}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.aboutImg{width:100%;height:100%;object-fit:cover;border-radius:15px;pointer-events:none}@media (min-width: 1600px){#aboutHead{font-size:6rem}.aboutContentImg{width:394px;height:415px}svg{width:100px;height:100px}.currentSkillsHead{font-size:3rem}#aboutBlurb{font-size:1.75rem}}@media (max-width: 1300px){#aboutBlurb{font-size:1rem}.aboutContentImg{width:294px;height:315px}.aboutContentContainer{width:40%}#aboutHead{font-size:4rem}}@media (max-width: 800px){.currentSkillsHead{font-size:1.5rem}.aboutContentContainer{width:100%;margin-top:5%;display:flex;flex-direction:column;align-items:center}.aboutContentImg{width:224px;height:245px}#aboutHead{text-align:center;font-size:2rem}.aboutSkillsContainer{width:100%;margin-top:10%;display:flex;flex-direction:column;align-items:center;text-align:center;gap:1rem}.skillsIcon{width:50px;height:50px}}#mainProjects{height:90vh;display:flex;align-items:center;padding:0% 8%}.projectsContentContainer{display:flex;width:100%;justify-content:space-around;height:90vh;align-items:center}.projectItemContainer{width:25%;height:90%;display:flex;flex-direction:column;gap:1rem}.projectsItemImg{position:relative;width:300px;height:300px;background-color:#fff;border-radius:36px;cursor:pointer;transition:.3s}.projectsItemImg:hover{filter:brightness(.75);transform:scale(1.25) translateY(-10px)}#projectItemBlurb{font-size:1rem;font-weight:400}#sourceCodeBtn{width:40%;border-radius:18px;font-family:inherit;color:#fff;outline:none;border:none;font-size:1rem;padding:1%;font-weight:700;background:#8396be;background:linear-gradient(180deg,#8396be,#6f85b7 95%)}#sourceCodeBtn:hover{cursor:pointer;background:#7a88a7;background:linear-gradient(180deg,#7a88a7,#637295 95%);color:#c7c0c0}#sourceCodeBtn:active{outline:none;border:none;background:#7a88a7;background:linear-gradient(180deg,#7a88a7,#637295 95%);color:#c7c0c0}.projectItem{animation:fadeInSlide 1s ease-in-out forwards}@keyframes fadeInSlide{0%{transform:translate(-30vw);filter:blur(20px);opacity:0}to{transform:translate(0);filter:blur(0px);opacity:1}}@media (min-width: 1600px){#projectHead{font-size:4rem}#projectItemBlurb{font-size:2rem}.projectsItemImg{width:300px;height:300px}.projectItemContainer{width:25%;height:100%;margin-top:15%}}@media (max-width: 1300px){#projectHead{font-size:2rem}#projectItemBlurb{font-size:.75rem}.projectsItemImg{width:200px;height:200px}}@media (max-width: 800px){.projectsContentContainer{display:flex;flex-direction:column;margin-top:5%;align-items:center;height:fit-content;gap:2rem}#mainProjects{display:flex;justify-content:center;width:100%;height:fit-content;padding:0;margin-bottom:5%}.projectItemContainer{width:80%;height:30%;display:flex;align-items:center;flex-direction:column;text-align:center}.projectsItemImg{width:250px;height:250px}}main{height:90vh;width:100%;display:flex;justify-content:space-between;align-items:center;padding:0% 8%}.contactContainer{width:40%;display:flex;flex-direction:column;gap:1rem;align-items:center}#contactHead{animation:fadeInSlide 2s ease-in-out forwards;opacity:0}#contactBlurb{font-size:1rem;font-weight:400;text-align:center;margin-bottom:2.5%;animation:fadeInSlide 2s ease-in-out forwards;opacity:0;animation-delay:.2}input[type=text],input[type=email]{width:350px;height:40px;font-family:inherit;border-radius:15px;border:none;animation:fadeInSlide 2s ease-in-out forwards;opacity:0}textarea{max-width:350px;max-height:260px;min-width:350px;min-height:100px;font-family:inherit;border-radius:15px;outline:none;border:none;animation:fadeInSlide 2s ease-in-out forwards;opacity:0;padding:1%}textarea:focus{border:none;outline:none;border:3px #7d91bd solid}button{width:250px;height:55px;font-family:inherit;font-weight:700;color:#fff;font-size:1rem;border-radius:15px;background-color:#7189bb;outline:none;border:none;margin-top:3%;animation:fadeInSlide 2s ease-in-out forwards;opacity:0}input[type=text]:hover{cursor:text}input{padding:1%;font-family:inherit}input::placeholder{font-family:inherit;font-weight:700;font-size:1rem;color:#c2bebe}textarea::placeholder{font-family:inherit;font-weight:700;font-size:1rem;color:#c2bebe}input:focus{border:3px #7d91bd solid}button:hover{cursor:pointer;color:#e2dede;background-color:#5a6f9e}form{display:flex;flex-direction:column;gap:.1rem;align-items:center}.contactRightContainer{width:40%;display:flex;flex-direction:column;gap:1rem;align-items:center;justify-content:center}.contactMusicContainer{width:100%}.contactIconContainer{width:100%;display:flex;justify-content:center;animation:fadeInSlide 2s ease-in-out forwards;opacity:0;animation-delay:.7s}.contactIcons{transition:.3s}.contactIcons:hover{transform:scale(1.25);cursor:pointer}@keyframes fadeInSlide{0%{transform:translate(-25vw);filter:blur(20px);opacity:0}to{transform:translate(0);filter:blur(0px);opacity:1}}@media (min-width: 1600px){#contactHead{font-size:5rem}#contactBlurb{font-size:2rem}input[type=text],input[type=email]{font-size:2rem;width:400px;height:90px}textarea{font-size:2rem;max-width:400px;max-height:310px;min-width:400px;min-height:150px}input::placeholder{font-size:2rem}textarea::placeholder{font-size:2rem}button{font-size:2rem}.contactIcons{transform:scale(1.25);margin-left:5%}}@media (max-width: 800px){.contactContainer{width:100%;margin-top:5%;display:flex;align-items:center;flex-direction:center}.contactRightContainer{width:100%}input[type=text],input[type=email]{font-size:.75rem;width:300px;height:40px}textarea{font-size:.75rem;max-width:300px;max-height:210px;min-width:300px;min-height:50px}input::placeholder{font-size:.75rem}textarea::placeholder{font-size:.75rem}button{font-size:.75rem}.contactIcons{width:120px;height:120px;margin-left:5%}.contactRightContainer{margin-top:5%}}