@font-face{font-family:Inter;font-weight:400;src:url(fonts/Inter-Regular.ttf)}@font-face{font-family:Inter;font-weight:600;src:url(fonts/Inter-SemiBold.ttf)}html{background-color:#aaa;background:url(images/background.webp) no-repeat 50% fixed;background-size:cover;font-family:Inter;font-weight:400;margin:0;padding:0}h1{backdrop-filter:blur(10px) saturate(160%) contrast(180%);-webkit-backdrop-filter:blur(10px) saturate(160%) contrast(180%);background-color:#000a;border:1px solid #fffa;border-radius:1em;color:#fff;display:inline-block;font-size:.8em;font-weight:600;padding:.3em .6em}ul{list-style:none}a{color:#000;text-decoration:none}header{align-items:center;display:flex;flex-direction:column;margin-top:2em;text-align:center}.profile-pic{border:2px solid #fff;border-radius:100%;box-shadow:0 2px 8px 0 rgba(28,32,93,.24);height:8em;width:8em;object-fit:cover;object-position: 10% 10%}.principal-links{box-sizing:border-box;list-style:none;margin:-20px auto;max-width:480px;padding:2em}.principal-links>li{backdrop-filter:blur(10px) saturate(160%) contrast(180%);-webkit-backdrop-filter:blur(10px) saturate(160%) contrast(180%);background-color:#fffa;border-radius:10em;box-shadow:0 2px 8px 0 rgba(28,32,93,.24);margin:1.4em 0}.website:hover{background-color:#fff}.github:hover{background-color:#000}.github>a:hover{color:#fff}.linkedin:hover{background-color:#0e76a8}.linkedin>a:hover{color:#fff}.principal-links>li>a{align-items:center;display:flex;flex-direction:row;gap:.5em;justify-content:center;padding:1em}.social-links{left:50%;margin-top:20px;position:absolute;transform:translate(-50%,-50%);width:400px}.social-links ul li{border:5px solid #fff;border-radius:50%;cursor:pointer;float:left;height:75px;line-height:75px;margin:0 10px;text-align:center;transition:all .5s ease;width:75px}.social-links .fa-brands{color:#fff;margin-top:20px;transition:all .5s ease}.social-links li:hover.facebook{border:5px solid #4267b2;box-shadow:0 0 15px #4267b2;transition:all .5s ease}.social-links li:hover .fa-facebook-f{color:#316ae5;text-shadow:0 0 15px #3b5998;transition:all .5s ease}.social-links li:hover.twitter{border:5px solid #fff;box-shadow:0 0 15px #fff;transition:all .5s ease}.social-links li:hover .fa-x-twitter{color:#fff;text-shadow:0 0 15px #fff;transition:all .5s ease}.social-links li:hover.instagram{border:5px solid #833ab4;box-shadow:0 0 15px #833ab4;transition:all .5s ease}.social-links li:hover .fa-instagram{color:#833ab4;text-shadow:0 0 15px #833ab4;transition:all .5s ease}@media screen and (max-width:400px){.social-links{width:90%}.social-links ul li{height:60px;line-height:60px;width:60px}}@media screen and (max-width:370px){.social-links{width:100%}.social-links ul li{height:50px;line-height:50px;width:50px}}