body {
    width: 100%;
    height: 100%;
    margin: 0px;
    padding: 0px;
    /* background-image: url("./../img/splashscreen.jpg");
    background-color: #ffffff;    
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-repeat: no-repeat; */
}

#bodyBg {
    /* background-color: red; */
    position: fixed;
    width: 100vw;
    height: 100vh;
    overflow: hidden;
}

#bodyBg img {
    /* background-color: red; */
    position: fixed;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.code-entry {    
    width: 302px;
    height: 73px;
    justify-content: space-evenly;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 20px;
    padding-bottom: 15px;
    align-items: center;
    display: flex;
    margin-bottom: 20px;
}

.code-entry input {
    width: 34px;
    height: 100%;
    border: none;    
    font-family: 'Bungee';
    font-size: 25px;
    text-align: center;
    padding: 0;
}

input[type='number']::-webkit-inner-spin-button,
input[type='number']::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type='number']:hover::-webkit-inner-spin-button,
input[type='number']:hover::-webkit-outer-spin-button,
input[type='number']:focus::-webkit-inner-spin-button,
input[type='number']:focus::-webkit-outer-spin-button {
    -webkit-appearance: none;
}

input[type='number'] {
    -moz-appearance: textfield;
}

input[type='number']:focus {
    -moz-appearance: textfield;
}

main {
    
    height:100%;
}

.main-container {
    /* background-color: yellow; */
    min-height: 90vh;
}

#navbarBlur {
    /* background-color: aqua; */
}

.footer {
        
    width: 100%;
    height: 60px;
    line-height: 60px;
    /* color: black; */
    /* background-color: red; */
}