Logs.css

body
{
    overflow-x : hidden;
}


h1
{
    font-family : Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
    font-size : 6vw;
    position : absolute;
    top : 0%;
    left : 50%;
    transform : translate(-50%,-50%);
}

.display
{
    display : flex;
    position : absolute;
    top : 20%;
    width : 100vw;
    align-items : center;
    justify-content : center;
    text-align : center;
}

.scroll
{
    overflow-x : hidden;
    overflow-y : scroll;
    align-items : center;
    justify-content : center;
    text-align : center;
}

.scroll::-webkit-scrollbar
{
    width : 20px;
}

.scroll::-webkit-scrollbar-track
{
    background-color : rgba(200, 0, 0, 0, 0.5);
}

.scroll::-webkit-scrollbar-thumb
{
    background-color : rgba(200, 0, 0, 0, 1);
}

.buttons
{
    display : block;
}

.logs
{
    display : none;
    align-items : center;
    justify-content : center;
    text-align : center;
}

.logs p
{
    font-size : 3vw;
    font-family : Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
    color : red; 
}

.logs button
{
    background : black;
    color : red;
    font-family : Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
    font-size : 4vw;
    height : auto;
    width : auto;
}

.buttons button
{
    background : red;
    font-family : Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
    width : 20vw;
    height : auto;
    font-size : 3vw;
    padding : 10px;
    color : white;
    border : 4px solid black;
}