html{background-color:var(--primary-grey);padding:0;margin:1rem auto;align-items:center;color:var(--white);font-family:Roboto,sans-serif}.card{width:100%;max-width:25rem;margin:0 auto;padding:.625rem;background-color:var(--secondary-grey);display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:.75rem;box-shadow:0 .45rem .5rem #000000bf}img{height:7rem;width:7rem;border-radius:50%;margin:.625rem;border:.175rem solid var(--accent-color)}h1{font-size:1.5rem;margin-bottom:1rem}p{font-size:.875rem;margin-bottom:1rem}a{font-size:.875rem;color:var(--accent-color);font-weight:600;margin-bottom:1.25rem;text-align:center;text-decoration:none;transition:all .2s ease-in-out;cursor:pointer;border:.125rem solid var(--accent-color);padding:.75rem;width:100%;max-width:18rem;display:block;border-radius:.25rem}a:hover{color:var(--accent-color-dark);border-bottom:.125rem solid var(--accent-color-dark);border-radius:.25rem;scale:1.05}a.CV{background-color:var(--accent-color);border:none;color:var(--white)}a.CV:hover{background-color:var(--accent-color-dark)}@media (min-width: 768px){.card{min-width:25rem}}:root{--accent-color: #ff9800;--accent-color-dark: #e98000;--primary-grey: #191B1F;--secondary-grey: #292b2f;--light-grey: #393b3f;--background-color: #0c0c0e;--white: #fff}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}a{text-decoration:none}li{list-style:none}img,a,button{display:block}button{font:inherit;background:none;border:none;text-align:left;cursor:pointer}input,textarea{display:block;width:100%;background:none;font:inherit}footer{color:var(--secondary-grey);text-align:center;margin-top:1rem}