@import"https://fonts.googleapis.com/css2?family=Orbitron:wght@400..900&display=swap";*{margin:0;padding:0;font-family:Orbitron,sans-serif;line-height:150%;letter-spacing:.066rem}html,body{background-color:#141414;font-family:Orbitron,sans-serif;line-height:150%}.container{width:100vw;height:100vh;display:flex;align-items:center;justify-content:center}.profile-card{display:flex;flex-direction:column;gap:1.5rem;padding:2.5rem;height:fit-content;width:fit-content;background-color:#1f1f1f;border-radius:.75rem;align-items:center}.button-group{display:flex;flex-direction:column;gap:1rem;width:100%}.social-button{display:flex;align-items:center;justify-content:center;background-color:#333;padding:.75rem;width:auto;border-radius:.5rem;border:none;font-size:.875rem;font-weight:700}.social-button:hover{background-color:#54bb5b;transition:.25s background-color;color:#333}.text-white{color:#fff}.profile-photo{height:5.5rem;border-radius:50%;background-color:#000}.introduction-details{display:flex;flex-direction:column;gap:.25rem;width:100%;align-items:center}.profile-name{font-size:1.5rem;font-weight:600}.profile-location{font-size:.875rem;font-weight:700;color:#54bb5b}.profile-quote{font-size:.875rem;font-weight:400}@media (min-width: 250px) and (max-width: 979px){h1{font-size:2rem}h2{font-size:1.7rem}h3{font-size:1.4rem}h4{font-size:1.2rem}h5{font-size:1.1rem}h6{font-size:1rem}}@media (min-width: 800px) and (max-width: 1023px){html,body{font-size:10.5px}}@media (min-width: 1024px) and (max-width: 1279px){html,body{font-size:12px}}@media (min-width: 1280px) and (max-width: 1365px){html,body{font-size:13px}}@media (min-width: 1366px) and (max-width: 1599px){html,body{font-size:16px}}@media (min-width: 1600px) and (max-width: 1919px){html,body{font-size:17px}}@media (min-width: 1920px) and (max-width: 2559px){html,body{font-size:24px}}@media (min-width: 2560px){html,body{font-size:28px}}