.logo,.myButton{font-weight:700}.logo,header h1{letter-spacing:2px}body{margin:0;font-family:Roboto,sans-serif;background-color:#fff;color:#000}.footer,header{background-color:grey;text-align:center}header{  top:0px;
  position:fixed !important; position:absolute;padding:20px;width:100%;}.footer a,a{color:#0cf;text-decoration:none;margin:0 10px}header h1{margin:0;font-size:24px}.myButton,nav a{font-size:16px;text-decoration:none;color:#fff}nav{margin-top:5px}nav a{margin:0 6px}nav a:hover{color:#0cf}.hero{height:80vh;display:flex;justify-content:center;align-items:center;text-align:center;padding:0 20px;margin-top:100px}.hero h2{font-size:48px;margin:0}.hero p{font-size:18px;margin:20px 0}.hero button{padding:10px 20px;font-size:18px;color:#fff;background-color:#0cf;border:none;cursor:pointer}.section{padding:50px 20px;text-align:center}.section h3{font-size:32px;margin-bottom:20px}.section p{font-size:18px;max-width:1000px;margin:0 auto}.footer{padding:20px;margin-top:80px;}.footer p{margin-top:10px;font-size:14px}img{border-radius:20%;margin:10px}.myButton{box-shadow:0 10px 14px -7px #757575;background:linear-gradient(to bottom,#cfcfcf 5%,#a6a6a6 100%);background-color:#cfcfcf;border-radius:4px;border:1px solid #afb0ae;display:inline-block;cursor:pointer;font-family:Arial;padding:6px 12px;text-shadow:0 1px 0 #5b8a3c}.myButton:hover{background:linear-gradient(to bottom,#a6a6a6 5%,#cfcfcf 100%);background-color:#a6a6a6}.myButton:active{position:relative;top:1px}.logo{font-family:Roboto,sans-serif;font-size:48px;color:#0cf;text-transform:uppercase;display:flex;align-items:center}.logo span{color:#fff;background-color:#0cf;padding:0 10px;border-radius:5px;margin-left:10px}
@media only screen and (min-device-width: 0px) and (max-device-width: 720px) {div#mobilehide {visibility:hidden;}}