*,*:before,*:after{box-sizing:border-box;margin:0;position:relative;font-weight:400}body{min-height:100vh;color:var(--color-text);background:#262a4b;transition:color .5s,background-color .5s;line-height:1.6;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:15px;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}main{display:flex;align-items:center;justify-content:center;height:100vh}.card{border-radius:12px;background:white;padding:10px;width:468px}.card img{border-radius:50%;display:block;margin:-50px auto 0;width:85px;height:85px}h1,h4{text-align:center}@media screen and (max-width: 468px){.card{width:320px}}