body{font-family:'Arvo', serif;color:#333;text-align:center;padding:0;margin:0}body::before{content:'';position:absolute;background:#513529 url("../img/chrome_pattern.png") center center repeat;box-shadow:0 0 0.5rem #513529;background-size:3rem;left:0rem;top:0;bottom:0;width:2rem}img{max-width:100%}.wrap{padding-left:2.6rem;padding-right:2.6rem;padding-top:3rem}header{margin-bottom:3rem}header h1{margin:0}.text{font-size:1.1rem;line-height:1.5;max-width:90%;margin-left:auto;margin-right:auto}.links{list-style-type:none;margin:0;padding:0;margin-top:4rem}.links li{display:inline-block}.links li:not(:first-child){margin-left:1rem}.links a{display:block;width:3rem;height:3rem;color:#513529;background-color:#fff;border-radius:0.3rem;transition:all 0.2s linear}.links a .fa{line-height:3rem}.links a:hover{color:#fff;background-color:#513529;transition:all 0.4s ease}.links a:active{position:relative;top:1px}@media screen and (min-width: 40rem){body{height:100vh}body::before{left:4rem;top:0;bottom:0;width:2rem}.wrap{max-width:960px;position:absolute;top:0;left:50%;top:50%;transform:translate(-50%, -50%);padding-left:0;padding-right:0;padding-top:0}.text{font-size:1.3rem;max-width:80%}header{margin-bottom:4rem}.links li:not(:first-child){margin-left:1.5rem}}