body{background-color:#f0f0f5;color:#333;font-family:Roboto,sans-serif}body,nav ul{margin:0;padding:0}nav ul{background-color:#2c3e50;box-shadow:0 2px 10px #0000001a;display:flex;justify-content:center;list-style-type:none}nav ul li{margin:0 20px}nav ul li a{color:#ecf0f1;font-weight:700;padding:15px;text-decoration:none;transition:color .3s ease}nav ul li a:hover{color:#1abc9c}h1{color:#2c3e50;font-size:2.5em}h1,p{margin-bottom:20px}p{color:#7f8c8d;font-size:1.1em;line-height:1.6em}div{background-color:#fff;border-radius:8px;box-shadow:0 4px 20px #0000001a;margin:50px auto;max-width:800px;padding:20px}@media (max-width:768px){nav ul{flex-direction:column}nav ul li{margin:10px 0}div{margin:20px}}
/*# sourceMappingURL=main.56907676.css.map*/