html {
overflow-y: scroll;
}
body {
font-family: 'Roboto', sans-serif;
margin: 0;
}
.container {
width: 60%;
margin: 0 auto;
}
a {
color: #3498db;
}
a:hover {
text-decoration: underline;
/*opacity: 0.8;*/
transition: color 0.2s;
color: #2980b9;
}
@media (max-width: 1600px) {
.container {
width: 70%;
}
}
@media (max-width: 1500px) {
.container {
width: 80%;
}
}
@media (max-width: 900px) {
.container {
width: 92%;
}
}