*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;font-family:Arial, serif}body{background-color:#5D8AA8;color:#FCFCFC;height:100vh;margin:0 20px}header{text-align:center;margin-top:200px}@media screen and (max-width: 678px){header{margin-top:50px}}header h1{margin:0;font-family:Georgia, serif;font-size:50px}main ul#contact{display:flex;justify-content:center;flex-wrap:wrap;font-size:25px;padding-left:0;margin-top:200px}@media screen and (max-width: 678px){main ul#contact{margin-top:100px}}main ul#contact li{list-style:none;margin:0 25px;transition:transform .3s ease-in-out}@media screen and (max-width: 636px){main ul#contact li{margin:25px}}main ul#contact li:hover{transform:translateY(-5px);transition:transform .3s ease-in-out}main ul#contact li a{color:#fcfcfc;transition:.3s ease;text-decoration:none}main ul#contact li a:hover{color:#0D0C1D}main p{text-align:center;margin-top:200px}@media screen and (max-width: 678px){main p{margin-top:100px}}