@charset "utf-8";

/* CSS Document */

.cont-a {text-align: center;width: 100%;display: flex; justify-content: center;}
.cont-b {height: 90vh; display: flex; justify-content: center;align-items: center;overflow-y: auto;}
.cont-r {display: flex;justify-content: space-around;align-items: center;}
.cont-f {text-align: center;}
.midbox {width:80%;max-width:600px;background-color:white;padding:20px;border-radius: 15px;text-align: 
center;margin:auto;}
.midboxwide {width:85%;background-color:white;padding:20px;border-radius: 15px;text-align: center;}
.lightbox{width:100%;text-align:center; position:fixed; height:100vh;z-index: 1000;background-color:rgba(0,0,0,0.85);border:0;padding:0;margin: 0;display:flex;justify-content: center;align-items: center;align-content: center;top:0;overflow-y: auto;}
.midlightbox{width:80%;max-width:600px;text-align: center;z-index: 1500;background-color: white;padding:15px;border-radius:15px;}
.midlightboxflow{margin:auto;width:95%;text-align: center;z-index: 1500;background-color:white;border-radius: 15px;max-width:900px;padding:15px;}
.tutorialbox{display:none;width:90vw;max-width:600px;z-index: 3;position:fixed;top:0;padding:5vw;text-align: center;}
.btn {width:90%;color:white;background-color: purple;cursor:pointer;margin:auto;padding:10px;border-radius: 10px;}
.spanbtn {width:90%;color:white;background-color: #0ae189;cursor:pointer;margin:auto;padding:5px;border-radius: 10px;border:medium;border-color:white;font-size:1.1em;line-height: 1.2;font-weight:600;letter-spacing:-0.5px; }
.spanbtn2 {width:90%;color:white;background-color: #4e4e4e;cursor:pointer;margin:auto;padding:5px;border-radius: 10px;border:medium;border-color:white;font-size:1.1em;line-height: 1.2;font-weight:600;letter-spacing:-0.5px; }
.headertab {background-color: #082424;font-size: 3em;font-weight:bold;padding:10px;border-radius:10px;}
body{font-family: Helvetica, Arial, "sans-serif"; background-color:#EFEFEF!important;color: #4e4e4e;border:0;padding: 0;margin: 0;font-weight:300;letter-spacing:-0.3px;}
a {color: #fff;text-decoration:none;}
a:visited {color: #fff;}
input[type=submit]{-webkit-appearance:none;-webkit-border-radius:10px;border-radius:10px;}
input{background-color: white;background-color: #efefef; border:0; padding: 10px;border-radius: 10px;width: 65%;;margin:5px;}
textarea {resize: none;font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";background-color:white;color:dimgrey;border-radius:15px;padding:15px;overflow-y:scroll;border:0;}
iframe {border:0;padding:0;overflow-y:scroll;}
.s_navlink {color:white;cursor:pointer;font-weight:bolder;letter-spacing:0.1rem;}
img.s_icon {width:20vw;height:20vw;max-width: 100px;max-height: 100px;cursor:pointer;}
.s_icondiv {text-align: center;font-weight:bold;font-size: 0.8rem;color:#4e4e4e;letter-spacing:0.1rem;}
select {background-color: #efefef;padding: 5px;border-radius: 10px;width: auto;border:none;margin:5px;}
.topbar{background-color: #FFFFFF;color:#000000;}
.divbutton{background-color: #4e4e4e;cursor: pointer;border-radius:15px;margin:5px;color:white;display:flex;justify-content: center;align-items: center;}
.mybutt{width:90%;margin:auto;padding:15px;background-color:#4e4e4e;border:0px;border-radius:10px;cursor:pointer;}
.mybutt a{color:white;}
input, select, textarea, button{font-size:inherit;font-family:inherit;letter-spacing:inherit;}
.sml_link {font-size:0.8rem;text-decoration:underline;cursor:pointer;}
.sml_txt {font-size:0.8rem;}
.footerlinks a {font-size:0.8rem;text-decoration:underline;cursor:pointer;color:white;}
h1,h2,h3,h4{letter-spacing:0.1rem;font-weight:600;}
.widetext{letter-spacing:0.1rem;}
button{letter-spacing:0;border:0;cursor:pointer;}
.act{width:95%;background-color:#efefef;}
h6{display: inline;letter-spacing:0.1rem;font-weight:500;font-size:1rem;}
.landdiv{text-align: center;padding:15px;max-width: 900px;margin:auto;}
.txtimg {height:1.75ex;margin-left:1vmin;vertical-align: middle;margin-bottom: 10px;}
.rarrow{height:1.65ex;margin-left:0;margin-bottom: 3px;vertical-align: middle;}
.dbico{height:1.65ex;padding-left: 3px;padding-right: 3px; vertical-align: middle;cursor: pointer;}
.dank{font-size: max(16px, 1.4vmax);}
html,body{font-size:16px;text-size-adjust:none;-webkit-text-size-adjust:none;}
@media (min-width:600px){html,body{
font-size:22px;letter-spacing:-1.1px;}}
@media (min-width:900px){html,body{
font-size:28px;letter-spacing:-1.4px;}}
@keyframes rotation {from{transform: rotate(0deg);}to{transform: rotate(359deg);}}

html, body {
    height: 100%; /* Ensure the page takes up the full height of the viewport */
    margin: 0;    /* Remove default margin */
}

.page-container {
    display: flex;
    flex-direction: column;
    min-height: 100vh; /* Make the container span the full height */
}

.content-wrap {
    flex: 1; /* Allow content to grow and take up available space */
}

footer {
    background: black;
    color: white;
    text-align: center;
    padding: 20px 0;
}