body {
    font-family: serif;
    filter: blur(0.8px);
}

header {
    margin-top: 100px;
    margin-bottom: 50px;
}

h1 {
    font-family: sans-serif;
    font-size: 20px;
    color: #333;
}

p {
    font-size: 16px;
}

footer {
    margin-top: 60px;
}

img {
    width: 20px;
    height: 20px;
}

a {
    margin-right: 8px;
}

@media screen {
    body {
        padding: 0 35%;
    }
}

@media screen and (max-width: 2000px) {
    body {
        padding: 0 30%;
    }
}

@media screen and (max-width: 1200px) {
    body {
        padding: 0 25%;
    }
}

@media screen and (max-width: 900px) {
    body {
        padding: 0 20%;
    }
}

@media screen and (max-width: 600px) {
    body {
        padding: 0 10%;
    }
}