*{-webkit-box-sizing:border-box;box-sizing:border-box}body{padding:0;margin:0}#container{position:relative;height:100vh}#container .status-code{position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.status-code{max-width:767px;width:100%;line-height:1.4;text-align:center;padding:15px}.status-code .title{position:relative;height:220px}.status-code .title h1{font-family:'Roboto',sans-serif;position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);font-size:160px;font-weight:200;margin:0;background:linear-gradient(130deg,#2d5898,#85b8e5);color:transparent;-webkit-background-clip:text;background-clip:text;text-transform:uppercase}.status-code h2{font-family:'Roboto',sans-serif;font-size:33px;font-weight:200;text-transform:uppercase;margin-top:0;margin-bottom:25px;letter-spacing:3px;color:#6f6f6f}.status-code p{font-family:'Roboto',sans-serif;font-size:16px;font-weight:200;margin-top:0;margin-bottom:25px;color:#6f6f6f}@media only screen and (max-width:480px){.status-code .title{position:relative;height:168px}.status-code .title h1{font-size:142px}.status-code h2{font-size:22px}}