html{
    scrollbar-width: thin;
    scrollbar-color: var(--mgray) var(--mblack);
    cursor: url("../cursors/curs.png"), default;
    min-height: 100%;
}
:root{
    --mblack: #0d0d14;
    --mgray: #52263e;
    --mwhite: #ac3232;
}
::selection{
    color: #0d0d14;
    background: #ac3232;
}
p{
    margin-top: 0px;
    margin-bottom: 0px;
    margin-right: 0.5em;
}
div{
    justify-content: center;
    margin-top: 0px;
    margin-bottom: 0px;
}
body{
    background-color: var(--mblack);
    font-family: 'Courier New', Courier, monospace;
    font-size: 20px;
    color: var(--mwhite)
}
#background{
    width: 550px;
    height: 260px;
    margin-bottom: 3%;
    object-fit: cover;
    object-position: 100% 0%;
    visibility: hidden;
}  
input{
    cursor: url("../cursors/curstext.png") 6 11, default;
    margin-top: 10px;
    margin-bottom: 20px;
    font-size: 20px;
    font-family: 'Courier New', Courier, monospace;
    background-color: transparent;
    outline: 0;
    border-color: #ac3232;
    border-style:solid;
    color: var(--mwhite);
}
.lp{
    max-width: min-content;
    display: flex;
    flex-direction: column;
}
.inp{
    display: flex;
    flex-direction: center; 
}
.blp{
    align-items: center;
    margin-top:50px;
    display: flex;
    flex-direction: column;
}
#soundIcon{
    height: 64px;
    width: 64px;
    margin: 0px;
}
#switch{
    position: fixed;
    max-width: min-content;
    right: 0px;
    bottom: 0px;
    margin: 1%;
}
@media only screen and (orientation:portrait) and (max-width: 500px) {
    html{
        margin: 1%;
    }
    #background {
        max-width: 90%;
    }
} 
@media only screen and (orientation:landscape) and (max-width: 1100px) {
    html{
        margin: 1%;
    }
    input{
        font-size: 80%;
    }
} 
#ifMobile {
    padding-top: 30px;
    color: var(--mgray);
    max-width: 350px;
    text-align: center;
}