@import url('https://fonts.googleapis.com/css2?family=Roboto+Mono&display=swap');
span, #tinput{
    width: 100%;
    height: 7em;
    font-size: 1.5rem;
    font-family: 'Roboto Mono', monospace;
    border: none;
    outline: none;
    user-select: none;
    }

.orange{
    color: orange;
}

.wres{
    font-size: 2rem;
}

.res{
    font-size: 4rem;
}

#timer{
    font-size: 1.5rem;
    color: white;
}

.title{
    font-family: 'Lexend Deca', sans-serif;
    font-size: 2rem;
    font-weight: unset;
    margin-block-end: unset;
    margin-block-start: unset;
    margin-top: 0.1em;
    position: relative;
}

.lang{
    font-size: 1.3em;
}


#tinput {
    color: white;
}

.navbar-brand {
    color: #d1d0c5 !important; 
    transition: none !important;
}

.box{
    display: flex;
    justify-content: center;
}

#bar{
    background-color: #2c2e31;
    height: 2em;
    width: 40em;
    border-radius: 5%;
}

body{
    background-color: #323437;
}

.bg-dark{
    background-color: #323437 !important;
}

#see{
    position: relative;
    font-size: 0.75em;
    left: -17.3em;
    top: -0.8em;
}

#logo{
    position: relative;
    top: 0.38em;
    right: 0.5em;
}

.link{
    font-size: 1rem;
    font-family: 'Roboto Mono', monospace;
    color: #646669;
}