@import url("https://fonts.googleapis.com/css?family=Roboto:100,400,800");*,:before,:after{box-sizing:border-box;}body{display:flex;align-items:center;background:linear-gradient(90deg,#fbffff 0%,#e0fcfd 100%);min-width:275px;height:100vh;margin:0 10vw;overflow:hidden;color:#337ab7;font-family:Roboto,sans-serif;font-weight:400;}.wrapper{flex-grow:2;width:40vw;max-width:500px;margin:0 auto;}h1{margin:0;font-size:6em;font-weight:100;}p{width:95%;font-size:1.5em;line-height:1.4;}.buttons{white-space:nowrap;display:inline-block;}.buttons span{display:block;text-transform:uppercase;color:#abd8ff;letter-spacing:1.5px;text-align:center;}.buttons a{display:inline-block;padding:.8em 1em;margin-right:1em;margin-bottom:1em;border:3px solid #abd8ff;color:#337ab7;font-weight:500;text-transform:uppercase;text-decoration:none;letter-spacing:.2em;position:relative;overflow:hidden;transition:.3s;}.buttons a:hover{color:#d4e4ff;}.buttons a:hover:before{top:0;}.buttons a:before{content:"";background:#337ab7;height:100%;width:100%;position:absolute;top:-100%;left:0;transition:.3s;z-index:-1;}.contact{white-space:nowrap;display:inline-block;}.contact p{line-height:.75rem;}.contact span{display:inline-block;width:80px;}.contact a{color:#337ab7;font-weight:800;text-decoration:none;text-transform:none;padding:2px 10px;}.contact a:hover{color:#20517a;background-color:#fff;}