:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#000;background-color:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html,body{overscroll-behavior:none;overflow:auto;padding:0;margin:0;height:100%}.subpage-body{padding-top:2rem}.centered{display:block;margin-left:auto;margin-right:auto;text-align:center;width:50%}li{text-align:left}nav{background-color:#fff9;height:2rem;padding:10px;list-style-type:none;margin:0;display:flex;align-items:center;justify-content:space-between;position:fixed;width:100%;top:0;z-index:1000}.flex-container{display:flex;flex-direction:row;justify-content:flex-start;gap:10px}#nav-icon{height:20px}.redirect{color:inherit}.dropdown{float:left;overflow:hidden}.down-arrow{border:solid black;border-width:0 3px 3px 0;display:inline-block;padding:3px;margin-right:3px;transform:rotate(45deg);-webkit-transform:rotate(45deg)}.dropdown .dropdown-button{font-size:16px;border:none;outline:none;color:inherit;background-color:inherit;font-family:inherit;margin:0}.dropdown-content{display:none;position:absolute;background-color:#fff;min-width:120px;box-shadow:0 8px 16px #0003;z-index:1}.dropdown-content a{float:none;color:inherit;padding:12px 16px;text-decoration:none;display:block;text-align:left}.dropdown-content a:hover{background-color:#d3d3d3}.dropdown:hover .dropdown-content{display:block}.subpage-content{padding:1rem}.scroller{height:100vh;overflow-y:scroll;scroll-snap-type:y mandatory;scroll-behavior:smooth}.section{height:100vh;scroll-snap-align:start;display:flex;align-items:center;justify-content:center;flex-direction:column}.animation{opacity:0;transform:translateY(40px);transition:opacity .6s ease,transform .6s ease}.animation.visible{opacity:1;transform:translateY(0)}#landing-section{background-color:#ffd6ff;height:100%}#about-section,#about-body{background-color:#e7c6ff;min-height:1vh}#projects-section,#projects-body{background-color:#c8b6ff;height:100%}#blog-section,#blog-body{background-color:#b8c0ff;height:100%}#contact-section,#contact-body{background-color:#bbd0ff;height:100%}.section-redirect-button{position:relative;background-color:transparent;color:#e8e8e8;font-size:17px;font-weight:600;border-radius:10px;width:150px;height:60px;border:none;text-transform:uppercase;cursor:pointer;overflow:hidden;box-shadow:0 10px 20px #3333;transition:all .3s cubic-bezier(.23,1,.32,1);display:flex;align-items:center;justify-content:center}.section-redirect-button span{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;border-radius:10px;pointer-events:none;transition:all .6s cubic-bezier(.23,1,.32,1)}.button-before{background-color:#333;color:#e8e8e8;transform:translateY(0);z-index:1}.button-after{background:linear-gradient(135deg,#7b4397,#dc2430);color:#fff;transform:translateY(90%);z-index:2}.section-redirect-button:hover .button-before,.section-redirect-button:focus .button-before{transform:translateY(-100%)}.section-redirect-button:hover .button-after,.section-redirect-button:focus .button-after{transform:translateY(0)}.section-redirect-button:focus{outline:none}.section-redirect-button:active{scale:.95}#socials{display:flex;margin:0;padding:0;padding-top:4rem;flex-direction:row}#socials li{list-style:none;margin:0 5px}#socials li a{text-decoration:none;display:absolute;display:block;width:210px;height:80px;background:#fff;text-align:left;padding-left:20px;transform:rotate(-30deg) skew(25deg) translate(0);transition:.5s;box-shadow:-20px 20px 10px #00000080}#socials li a .fa-brands{font-size:40px;color:#262626;line-height:80px;transition:.5s;padding-right:14px;vertical-align:middle}#socials li a span{padding:0;margin:0;position:absolute;top:30px;color:#262626;letter-spacing:4px;transition:.5s}#socials li a:before{content:"";position:absolute;top:10px;left:-20px;height:100%;width:20px;background:#b1b1b1;transition:.5s;transform:rotate(0) skewY(-45deg)}#socials li a:after{content:"";position:absolute;bottom:-20px;left:-10px;height:20px;width:100%;background:#b1b1b1;transition:.5s;transform:rotate(0) skew(-45deg)}#socials li a:hover,#socials li a:active{transform:rotate(-30deg) skew(25deg) translate(20px,-15px);box-shadow:-50px 50px 50px #00000080}#socials li:hover .fa-brands,#socials li:hover span{color:#fff}#socials li:hover:nth-child(1) a,#socials li:active:nth-child(1) a{background:#4a4e5a}#socials li:hover:nth-child(1) a:before,#socials li:active:nth-child(1) a:before{background:#3a3e48}#socials li:hover:nth-child(1) a:after,#socials li:active:nth-child(1) a:after{background:#5a5e6a}#socials li:hover:nth-child(2) a,#socials li:active:nth-child(2) a{background:#5865f2}#socials li:hover:nth-child(2) a:before,#socials li:active:nth-child(2) a:before{background:#4753c5}#socials li:hover:nth-child(2) a:after,#socials li:active:nth-child(2) a:after{background:#6476e6}#socials li:hover:nth-child(3) a,#socials li:active:nth-child(3) a{background:#dd4b39}#socials li:hover:nth-child(3) a:before,#socials li:active:nth-child(3) a:before{background:#b33a2b}#socials li:hover:nth-child(3) a:after,#socials li:active:nth-child(3) a:after{background:#e66a5a}@media only screen and (max-width: 768px){#socials{padding-top:2rem;flex-direction:column}#socials li{margin:10px 5px}#socials li a{width:150px;height:60px;padding-left:15px}#socials li a .fa-brands{font-size:30px;line-height:60px}#socials li a span{top:20px;font-size:14px;letter-spacing:2px}#socials li a:before{top:8px;left:-15px;width:15px}#socials li a:after{bottom:-15px;left:-8px;height:15px}#socials li a:hover,#socials li a:active{transform:rotate(-30deg) skew(25deg) translate(15px,-10px);box-shadow:-30px 30px 30px #00000080}}