@charset "UTF-8"; * {margin: 0; padding: 0; } html {font-family: 'Merriweather Sans', sans-serif; } div#dev {display: grid; justify-content: space-evenly; height: 100vh; background: url(/images/3d-fluency-sofa.webp) 50% 50% no-repeat; background-size: 50%; background-color: darkorange; } div {display: flex; align-items: center; justify-content: center; } p {color: aqua; font-size: 2rem; text-align: center; text-shadow: 1px 1px 5px black; } a {text-align: center; text-decoration: none; outline: 1px solid blue; background-color: aquamarine; padding: 1rem; border-radius: .5rem; justify-content: flex-end; box-shadow: 1px 1px 5px black; transition: .2s; cursor: pointer; color: blue; font-weight: bolder; } a:hover {filter: brightness(1.2); } @media(max-width: 414px) {div#dev {background-size: 70%; } }