@font-face {
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 700;
  src: url('https://wettformat.com/css/library/webfonts/noto-sans-v9-latin-700.eot');
  src: local('Noto Sans Bold'), local('NotoSans-Bold'),
       url('https://wettformat.com/css/library/webfonts/noto-sans-v9-latin-700.eot?#iefix') format('embedded-opentype'),
       url('https://wettformat.com/css/library/webfonts/noto-sans-v9-latin-700.woff2') format('woff2'),
       url('https://wettformat.com/css/library/webfonts/noto-sans-v9-latin-700.woff') format('woff'),
       url('https://wettformat.com/css/library/webfonts/noto-sans-v9-latin-700.ttf') format('truetype'),
       url('https://wettformat.com/css/library/webfonts/noto-sans-v9-latin-700.svg#NotoSans') format('svg');
  font-display:swap;
}

body {background:linear-gradient(45deg,#4cb05b,#008e36);margin:0;}
body * {font-family:'Noto Sans',Helvetica,Sans-serif;font-weight:700;}
.logo {display:block;margin:0 auto;width:80%;max-width:200px;padding-top:50px}
.logo img {width:100%;display:block;height:auto;}

main {display:block;margin:0;padding:0;}

nav ul {list-style:none;padding:0;margin:0 auto;width:80%;max-width:200px;padding-top:30px;}
nav ul li a {display:block;border-radius:20px;padding:10px;text-align:center;border:2px solid #fff;color:#fff;text-decoration:none;margin-top:10px;}
nav ul li.margin {margin-top:40px;}