html,
body {
    margin: 0;
    padding: 0;
    height: 100%;
    font-family: "Science Gothic", system-ui, sans-serif;
    color: #f25912;
    background: linear-gradient(#412b6b, #211832);
}

main {
    margin: 20px;
}

nav {
    background-color: #ffacac;
    color: #3e1e68;
    margin: 0;
    padding: 20px;
}

a {
    padding: 10px;
    text-decoration: none;
    color: #412b6b;
    display: inline-block;
    transition: 0.4s ease;
}

a:hover {
    background-color: #e49ba6;
    transform: translate(3px, 3px);
}

.icon {
    width: 20px;
    height: 20px;
    margin-right: 10px;
}