#home {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    z-index: 1;

    img { 
        margin-bottom: 2.5%; 
        width: 50%;
    }

    .splash-text {
        text-shadow: .4vmin .4vmin #4E4E0D;
        font-size: 5vmin;
        position: relative;
        top: -10%;
        left: 22.5%;
        animation: scales 1s alternate infinite;

        span { color: #FFFF00; }
    }

    .btns {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        width: 32.5%;

        button {
            width: 100%;
            margin-bottom: 2%;
            cursor: pointer;
            font-size: 6vmin;
            background-color: #D7D7D7;
            border: .5vmin solid #262626;
        }
        
        button span { color: #575757; }

        button a { 
            display: inline-block;
            color: #EBEBEB;
            height: 100%;
            width: 100%;
        }

        .resume { background-color: #894EFF; }

        button:hover { border-color: #EBEBEB; }
        button:hover span { color: #EBEBEB; }
        .settings-btn:hover, .discover-btn:hover { background-color: #28940B; }
        .resume:hover { background-color: #6D33E1; }
    }
}

@keyframes scales {
    from { transform: scale(100%) rotate(-20deg); }
    to { transform: scale(125%) rotate(-20deg); }
}