@media (max-width: 499px), (max-height: 499px) {
    #social-links-small {
        font-size: 7.7vmin;
    }
    #separation-dot {
        color: #FF7D39;
    }
    #linkedin-large {
        display: none;
    }
    #mail-large {
        display: none;
    }
}

@media (min-width: 500px) and (min-height: 500px) {
    #social-links-small {
        display: none;
    }
    #linkedin-large {
        font-size: 3.6vmin;
    }
    #mail-large {
        font-size: 5.36vmin;
    }
}

html {
    height: 100%;
    width: 100%;
    background-color: #5C457B;
}

body {
    height: 100%;
    width: 100%;
    margin: 0;
    font-family : 'Ubuntu', sans-serif;
}

p {
    text-align: center;
    color: white;
    margin: 0;
}

img {
    margin-top: 1vh;
    height: 50vmin;
    animation-name: rotation;
    animation-duration: 2.5s;
}

hr {
    border: min(6px, 2vmin) solid #FF7D39;
    border-radius: 7px;
    margin: 7vmin auto;
    width: 62vmin;
}

a {
    color: white;
    text-decoration: none;
}

a:hover {
    color: #FF7D39;
}

#content-center {
    height: 100%;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

#content {
    width: 90vmin;
}

@keyframes rotation {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(359.9deg);
    }
}