* {
    box-sizing: border-box;
}

html {
    margin:0;
    padding: 0;
    width: 100%;
    height: 100vh;
    overflow: hidden; 
    overscroll-behavior: none; 
}

body {
    background-color: blanchedalmond;
    color:black;
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100vh;
    font-family:'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
    font-weight: 400;
    background: url(/images/background-img.jpg);
    background-position: center;
    background-size: cover;
    overflow: hidden;
    overscroll-behavior: none; 
    position: fixed; 
    touch-action: none; 
}

a {
    text-decoration: none;
    text-emphasis: none;
    text-emphasis-color: none;
    color: rgb(6, 22, 38);
}

.center {
    margin: auto;
    width: 60%;
    border: 3px solid #73AD21;
    padding: 10px;
}

.centerTextColumn {
    width: 70%;
    padding-inline: 30%;
    margin: 0px auto 0px auto;
    padding:5px;
    font-size:20px;color: aliceblue;
    background-color: rgb(6, 22, 38);
    text-align: center;
    vertical-align: top;
}

.text-center {
    text-align:center
}


.mx-auto {
    margin-left: auto;
    margin-right:auto
}

.mx-4 {
    margin-left: 1rem;
    margin-right:1rem
}

.my-10 {
    margin-top: 2.5rem;
    margin-bottom:2.5rem
}

.my-20 {
    margin-top: 5rem;
    margin-bottom:5rem
}

.ml-4 {
    margin-left:1rem
}

.mt-8 {
    margin-top:2rem
}

.mt-6 {
    margin-top:1.5rem
}

.mr-4 {
    margin-right:1rem
}

.mb-10 {
    margin-bottom:2.5rem
}

.mt-2 {
    margin-top:.5rem
}

.mb-6 {
    margin-bottom:1.5rem
}

.mt-36 {
    margin-top:9rem
}

.mt-10 {
    margin-top:2.5rem
}

.mb-20 {
    margin-bottom:5rem
}

.mt-60 {
    margin-top:15rem
}

.mb-8 {
    margin-bottom:2rem
}

.footer {
    width: 100%;
    grid-auto-flow: row;
    row-gap: 2.5rem;
    -moz-column-gap: 1rem;
    column-gap: 1rem;
    font-size: .875rem;
    line-height:1.25rem
}

.footer, .footer > * {
    display: grid;
    place-items:start
}

.footer > * {
    gap:.5rem
}

.footer-center {
    text-align:center
}

.footer-center, .footer-center > * {
    place-items:center
}

@media (min-width: 48rem) {
    .footer {
        grid-auto-flow:column
    }

    .footer-center {
        grid-auto-flow:row dense
    }
}
#leftboxhalf {
    padding: 10px;
    float:left;
    width:34%;
    margin-left: 15%;
    height:280px;
    font-size:20px;color: red;
    background-color: aquamarine;
}

#rightboxhalf {
    padding: 10px;
    float:right;
    margin-right: 15%;
    width:34%;
    height:280px;
    font-size:20px;color: greenyellow;
    background-color: aqua;
}

#blinding {
    background-color: rgb(6, 22, 38);
    width: 100%;
    height: 100%;
    position: absolute;
    color: blanchedalmond;
    font-style: italic;
    text-align: center;
    vertical-align: middle;
    font-size: 30px;
    padding-top: 20%;
}