@import url('https://fonts.googleapis.com/css2?family=Fira+Code&display=swap');

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: 'Fira Code', system-ui;
}

::selection {
    background-color: #773bee37;
}

body {
    background-color: #0d1018;
    margin: 40px 30%;
    color: #fff;
}

a {
    color: #fff;
    text-decoration: underline 2px #773bee;
    transition: 0.1s;

    &:hover {
        text-decoration-color: #5a24c4;
    }
}


header {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

main{
    margin-top: 20px;
}

@media (max-width: 1030px) {
    body {
        margin: 40px 80px;
    }
}
@media (max-width: 550px) {
    body{
        margin: 20px;
    }
    header div.info h1{
        font-size: 1.4rem;
    }
}