
/* MAIN-Global */
main {
    justify-content: center;
    height: 1500px;
}

#nav-nothing {
    height: 64px;
}

#content {
    text-align: center;
    margin: 0 auto;
    max-width: 1280px;
    font-size: 4vw;
    color: rgb(225, 225, 225);
}

#boom {
    display: flex;
    text-align: center;
    justify-content: center;
}

#boom > button {
    background: royalblue;
    color: aliceblue;
    margin: 64px;
    border: none;
    border-radius: 10px;
    transition: all .05s ease;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.4);
}

#boom > button:active {
    background: darkblue;
    transform: scale(.95);
}

#back-to-top-btn {
    visibility: hidden;
    position: fixed;
    cursor: pointer;
    border: none;
    bottom: 132px;
    right: 12px;
    width: 48px;
    height: 48px;
    background: rgb(255, 208, 120);
    border-radius: 16px;
    opacity: 0;
    transition: all .15s ease;
    transform: scale(.5);
    z-index: 99;
}

#back-to-top-btn svg {
    vertical-align: middle;
    fill: white;
    width: 32px;
    height: 32px;
}

#back-to-top-btn:hover {
    background: rgb(255, 192, 75);
}

#back-to-top-btn:active {
    background: Orange;
}

@media (min-width: 360px) {
    #boom > button {
        padding: 8px 16px;
        font-size: 1.2rem;
    }
}

@media (min-width: 768px) {
    #boom > button {
        padding: 16px 32px;
        font-size: 2rem;
    }
}
/* main {
    flex-wrap: wrap;
    position: relative;
    justify-content: center;
    margin: 0 auto;
    height: 2000px;
}*/