*{box-sizing:border-box;font-family:Inter,sans-serif}body{margin:0;height:100vh;background-color:#282d35}.card{width:400px;margin:50px auto 0;border-radius:10px;background-color:#1e2228;box-shadow:0 0 10px #00000080;border:1px solid #00b6ed}.header{color:#fff}.header>img{width:200px;border-radius:50%}.header>h3{margin-top:-20px;padding:0;font-size:20px;font-weight:800}.header>h4>a{text-decoration:none;color:#fff;font-size:13px;font-weight:600}.buttons{display:flex;justify-content:center}.email{text-decoration:none;margin-top:30px;margin-bottom:20px;padding:7px 15px;border-radius:5px;border:1px solid white;background-color:#fff;color:#000;font-size:15px;font-weight:400;cursor:pointer;transition:.5s}.email:hover{background-color:#000;color:#fff;transition:.5s}.LinkedIn{text-decoration:none;margin-top:30px;margin-bottom:20px;margin-left:30px;padding:7px 15px;border-radius:5px;border:1px solid #0086ed;background-color:#0086ed;color:#fff;font-size:15px;font-weight:400;cursor:pointer;transition:.5s}.LinkedIn:hover{background-color:#fff;color:#0086ed;transition:.5s}.main-content{color:#fff}.main-content>p{text-align:left;font-size:15px}.footer{display:flex;justify-content:center;margin-top:30px}.footer>a{text-decoration:none;color:#fff;font-size:30px;font-weight:600;padding:0 10px}#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}