.header,.hero-window,.about,.projects,.contact,.projects .project-grid .project-card{background:#ffffff2f;border:1px solid rgba(255,255,255,.3019607843);box-shadow:0 4px 20px #0000004d;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);padding:.4rem .4rem .6rem;border-radius:.2rem;margin:2rem auto .8rem;transition:.3s ease-in-out}.about .about-block{display:flex;align-items:center;margin:1.3rem}.about .about-block .profile-pic{height:auto;width:220px;border-radius:.2rem;margin-bottom:1rem;border:1px solid rgba(255,255,255,.3019607843);transition:.2s;opacity:.5;filter:grayscale(100%)}.about .about-block .profile-pic:hover{border:1px solid #ece4ff;box-shadow:0 0 9px #ece4ff;transition:.2s;opacity:1;filter:grayscale(0%)}.about .about-text{display:flex;flex-direction:column;margin-left:1rem;text-shadow:0rem 0rem .5rem white}.about .about-text .tabs{display:flex;gap:.6rem;margin-bottom:1rem}.about .about-text .tabs button{padding:.5rem 1rem;border:none;background-color:#ffcaf2;box-shadow:0 0 .2rem #0000003d;border-radius:.2rem;cursor:pointer;font-weight:300;font-size:1rem;transition:.3s}.about .about-text .tabs button.active{background-color:#c8b5ea;box-shadow:inset .2rem .2rem #291e3e32}.about .about-text .tabs button:hover{background-color:#c8b5ea;box-shadow:0 0 .2rem #0000003d;transition:.3s}.about .about-text .tab-content{background-color:#e7d5ff;box-shadow:inset 3px 3px #faf6ff55;border-radius:.2rem;padding:.5rem 0rem;max-height:14rem;width:42rem;overflow-y:auto}@media (max-width: 1024px){.about .about-text .tab-content{width:auto}}@media (max-width: 768px){.about .about-text .tab-content{width:auto}}@media (max-width: 430px){.about .about-text .tab-content{width:auto}}@media (max-width: 375px){.about .about-text .tab-content{width:auto}}.about .about-text .tab-content p{font-family:Istok Web,Open Sans,sans-serif;font-weight:100;margin:1rem}.about .about-text .tab-content p span{display:inline-block;background-color:#c8deff;color:#000;box-shadow:inset 3px 3px #ffffff79;border:1px solid rgba(167,77,119,.5215686275);padding:4px 8px;margin:4px;border-radius:.2rem;font-weight:100;transition:.2s;cursor:default}.about .about-text .tab-content p span:hover{background-color:#fcb1dd;transition:.2s}.about .about-text .tab-content p em{margin:0 1rem}.about .about-text .tab-content .bio-p{margin:1rem;font-size:1.1rem}.about .about-text .tab-content .skills ul{margin:0rem 1rem;list-style-type:none;padding:0rem}.about .about-text .tab-content .skills ul li h4{margin-bottom:.5rem;font-weight:300}.about .about-text .tab-content .skills ul li p{margin:0rem 1rem}.about .about-text .tab-content .skills ul li p span{font-size:.9rem}@media (max-width: 1024px){.about .about-text .tab-content .education{width:40.4rem}}@media (max-width: 768px){.about .about-text .tab-content .education{width:39.3rem}}@media (max-width: 430px){.about .about-text .tab-content .education{width:auto}}@media (max-width: 375px){.about .about-text .tab-content .education{width:auto}}.about .about-text .tab-content .education ul{list-style-type:none;padding:0}.about .about-text .tab-content .education ul li .school,.about .about-text .tab-content .education ul li .field,.about .about-text .tab-content .education ul li .year{display:block;box-sizing:border-box}.about .about-text .tab-content .education ul li .school{background-color:#ffdef19f;box-shadow:inset 3px 3px #ffffff79;padding:.1rem .8rem;margin-bottom:.4rem;border-radius:.2rem;border:1px solid rgba(167,77,119,.5215686275);font-size:1.1rem;transition:.2s}.about .about-text .tab-content .education ul li .school:hover{cursor:default;background-color:#fcb1dd;transition:.2s}.about .about-text .tab-content .education ul li .field,.about .about-text .tab-content .education ul li .year{margin:0;padding-left:.8rem}.projects .project-grid{height:35rem;overflow-y:scroll;display:flex;flex-wrap:wrap;justify-content:center}.projects .project-grid .project-card{background:#dac6ff71;padding:0rem .2rem;width:18.3rem}@media (max-width: 768px){.projects .project-grid .project-card{width:90%}}@media (max-width: 430px){.projects .project-grid .project-card{width:87%}}@media (max-width: 375px){.projects .project-grid .project-card{width:86%}}.projects .project-grid .project-card .project-title{margin:0;border-radius:.2rem;background:linear-gradient(to right,#dda0dd00,#ccf,#e3daff)}.projects .project-grid .project-card .project-title h3{font-family:Istok Web,Open Sans,sans-serif;font-weight:500;font-size:1rem;margin:.1rem .5rem;text-shadow:0rem 0rem .5rem white}.projects .project-grid .project-card .project{border:1px solid rgba(167,77,119,.5215686275);box-shadow:0 0 .2rem #0000003d;border-radius:.2rem;background-color:#e7d5ff;margin:.3rem 0rem;width:auto;padding:.3rem 1rem 1rem;transition:.3s}.projects .project-grid .project-card .project p,.projects .project-grid .project-card .project span,.projects .project-grid .project-card .project .tools,.projects .project-grid .project-card .project a{font-family:Istok Web,Open Sans,sans-serif;margin-left:10px}.projects .project-grid .project-card .project h4{font-family:Open Sans,arial,sans-serif;font-weight:600;margin:.2rem 0rem}.projects .project-grid .project-card .project p{font-size:15px;margin-bottom:1.5rem}.projects .project-grid .project-card .project .tools{align-items:center}.projects .project-grid .project-card .project .tools .tool{display:inline-block;background-color:#8b5fb5;color:#f3d9ee;box-shadow:inset 3px 3px #ffffff79;padding:4px 8px;margin:4px;border-radius:.2rem;font-size:.85rem}.projects .project-grid .project-card .project .card-buttons{display:flex;justify-content:center;align-items:center;margin:1rem auto}.projects .project-grid .project-card .project .card-buttons .project-button a{background-color:#ffcaf2;padding:.4rem;border:1px solid rgba(255,255,255,.3019607843);box-shadow:0 0 .2rem #0000003d}.projects .project-grid .project-card .project .card-buttons .project-button a:hover{background-color:#c8b5ea;transition:.3s}.view-all{display:flex;justify-content:center;margin:.8rem 0}.view-all .view-all-button{font-family:Raleway,Open Sans,Arial,sans-serif;font-size:1rem;font-weight:400;padding:.5rem 1rem;border:none;background-color:#ffcaf2;box-shadow:0 0 .2rem #0000003d;border-radius:.2rem;cursor:pointer;transition:.2s}.view-all .view-all-button:hover{background-color:#c8b5ea;transition:.3s}body{background:linear-gradient(135deg,#1f1b79,#3c3f96,#575cb2,#898dc8,#b2b3e0);background-size:400% 400%;animation:gradientShift 15s ease infinite;color:#000}html{scroll-behavior:smooth}body{font-family:Open Sans,arial,sans-serif;font-weight:300}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}* a{text-decoration:none;color:#120d2b;transition:.3s}* a:hover{transition:.3s}* p{font-family:Istok Web,Open Sans,sans-serif}* a,.title,button{text-shadow:0rem 0rem .5rem white}.title{font-family:Raleway,Open Sans,Arial,sans-serif;font-weight:500;font-size:1rem;margin:0rem .5rem .5rem;padding:.2rem 0 0;border-radius:.2rem}.header{position:relative;left:20.5rem;padding:0}.header .nav-container{padding:.5rem}.header .nav-container nav{display:flex;top:1rem;right:1rem;gap:1rem}.header .nav-container nav a{font-family:Raleway,Open Sans,Arial,sans-serif;font-weight:500;margin-inline:1rem;text-decoration:none}.header .nav-container nav a:hover{color:#fff;text-shadow:0rem 0rem .5rem #000000}.container{display:flex;flex-direction:column;align-items:center}.hero,.hero-window,.about,.projects{padding:0;width:60rem}.nav-container,.hero-text,.about-container,.projects-container,.contact-container{align-items:center;box-shadow:0 0 .4rem #fff;background-color:#c1a1ce;border-radius:.2rem;margin:.4rem .4rem .6rem;transition:.5s;border:.09rem solid rgba(81,81,81,.5568627451)}.header:hover,.hero>.hero-window:hover,.about:hover,.projects:hover,.contact:hover{border:1px solid rgba(236,228,255,.7254901961);transition:.5s}.hero .hero-title-container{display:flex;justify-content:center}.hero .hero-title{font-family:Sacramento,Arial,sans-serif;font-size:5.81rem;text-align:center;margin:0;transition:1s;color:#3c3f96c3;animation:title 3s forwards}@keyframes title{to{color:#fff6f6;text-shadow:0 0 .9rem hotpink}}.hero .hero-text p{margin:1rem 1.2rem;font-size:1.1rem;font-weight:400;text-shadow:0rem 0rem .5rem white}.contact{margin-top:1.5rem}.contact nav{display:flex;justify-content:center;margin:1rem}.contact nav a{font-family:Raleway,Open Sans,Arial,sans-serif;font-weight:400;margin-inline:1rem;padding:.5rem 1rem;border:none;background-color:#ffcaf2;box-shadow:inset 3px 3px #ffffff79;border-radius:.2rem;cursor:pointer;transition:.2s}.contact nav a:hover{background-color:#c8b5ea;transition:.3s}footer{display:flex;flex-direction:column;justify-content:center;align-items:center;margin:2rem 0 0;text-align:center}footer .footer-button{cursor:pointer;font-family:Open Sans,arial,sans-serif;font-size:1rem;width:9rem;padding:.5rem 0rem;border:none;background-color:#ffcaf2;box-shadow:0 0 .2rem #0000003d;border-radius:.2rem;font-weight:400;transition:.3s}footer .footer-button:hover{background-color:#c8b5ea;transition:.3s}footer small{color:#f5f5f5;margin-top:1.5rem;font-size:.9rem}@media (max-width: 1024px){.header{top:0rem;left:0rem;gap:0rem}.header nav{top:0rem;left:0rem;gap:0rem}.hero,.hero>.hero-window,.about,.projects{width:93.25%;transition:.5s}}@media (max-width: 768px){.about .about-text{justify-content:center;align-items:center}.about .about-block{flex-direction:column;justify-content:center}.about .about-block .profile-pic{filter:grayscale(100%);opacity:1}.hero .hero-title{font-size:3.5rem;transition:.5s}}@media (max-width: 430px){.contact{width:80%}.contact nav{flex-wrap:wrap}.contact nav a{margin:.5rem}}@media (max-width: 375px){.contact nav{flex-wrap:wrap}.contact nav a{margin:.5rem}}