:root {
    --background: #343434;
    --white: #edf9fd;
    --purple: #7001db;
    --orange:  #ffa863;
}
body{
    background: var(--background);
    font-family: "Roboto Light", sans-serif;
    color: var(--white);
}

.main {
    height: 100%;
    position: relative;
    margin: auto;
    width: 50%;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.socials {
    height: 2em;
}

a, a:visited, a:focus, a:hover {
    text-decoration: none;
}

.icon{
    height:100%;
    padding: 0 0.5em;
}