@import url(https://fonts.googleapis.com/css?family=Roboto&display=swap);.grid-2{display:grid;grid-template-columns:repeat(2,1fr)}body{margin:0;padding:0;font-family:Roboto,sans-serif;background-color:#101214;color:#9d9ea0}h2{color:#fff}.logo{fill:#ffffff;max-width:100px}.logo:hover{position:relative;padding-left:10px}a{color:#7a7c80;text-decoration:none}.section-1{padding-top:40vh;text-align:center}.section-1 p,.section-2 p{font-size:1.1rem;padding-bottom:10px;margin:0}.section-1 h2,.section-2 h2{font-size:1.7rem;margin-bottom:10px}.section-1 a{font-size:1.5rem;padding:10px}.section-2{padding-top:10vh;width:70%}.section-2 a{display:block;padding:5px 5px 5px 0;font-size:1.2rem;width:100px}.section-2 a:hover{color:#fff;cursor:pointer;transition:.2s}.section-1 a:hover{color:#fff;cursor:pointer;transition:.3s}@media(max-width:780px){.grid-2{grid-template-columns:1fr}.section-1{padding:5rem 0 0}.section-2{padding:2rem 0 0 1.5rem}}