@font-face {
    font-family: Montserrat; src: url("Montserrat.ttf");
}

html {
    background: black;
}

Ctext {
    text-align: center;
}

h2 {
    margin-top: 0.25em;
    margin-bottom: 0.15em;
}

p {
    margin-top: 0.15em;
}

.divbar {
    background: linear-gradient(to right, #006000 10%, #050505 100%);
    text-align: center;
}

.button {
    text-align: center;
    border: 5px;
    color: rgb(255, 255, 255);
    background-color: #333333;
    padding: 5px 25px;
    text-decoration: none;
    display: inline-block;
    font-size: 14px;
    margin: 3px 1px;    
    cursor: pointer;
    font: Montserrat;
    border-radius: 10px;
    transition-duration: 0.3s;
    box-shadow: 0 0px 0px 0 rgba(0, 0, 0, 0), 0 0px 0px 0 rgba(0, 0, 0, 0); 
}

.button:hover {
    box-shadow: 0 0px 0px 0 white, 0 0px 15px 0 white;
    background-color: #444444;
    color: white;
}

.disabled {
   color: #696969;
}

.disabled:hover {
    color: #696969;
    background-color: #333333;
    box-shadow: 0 0px 0px 0 rgba(0, 0, 0, 0), 0 0px 0px 0 rgba(0, 0, 0, 0); 
}

.div_container {
    background-color: #070707;
    color: white;
    min-width: 40%;
    max-width: 600px;
    height: fit-content;
    border-radius: 1.3em;
    border: 3px solid rgb(255, 255, 255);
    border-spacing: 3px;
    padding: 4px;
    margin: auto;
    display: flex;
    transition-duration: 0.4s;
}
.div_container:hover {
    background-color: #101010;
    transform: scale(105%);
}

.image_div {
    height: 150px;
    border-radius: 0.8em;
}

.flex {
    display: flex;
    justify-content: center;
    vertical-align: auto;
}

.flexleft {
    display: flex;
    justify-content: flex-start;
    vertical-align: auto;
}

.center {
    display: flex;
    justify-content: center;
    align-items: center;
}

.div2 {
    border: 2px solid rgb(255, 255, 255);
    border-spacing: 5px;
    padding: 4px;
}

.onload {
    animation: ease-out;
}

.onload2 {
    animation: ease-out;
}

.onload3 {
    animation: ease-in;
}

.onload5 {
    animation-delay: 2s;
}

.onload {position:relative;animation:animatetop 0.5s}@keyframes animatetop{from{top:-200px;opacity:0} to{top:0;opacity:1}}

.onload2 {position:relative;animation:animateleft 1s}@keyframes animateleft{from{left:-300px;opacity:0} to{left:0;opacity:1}}

.onload3 {animation:opac 2s}@keyframes opac{from{opacity:0} to{opacity:1}}

.onload4 {position:relative;animation:animatebottom 1s}@keyframes animatebottom{from{bottom:-300px;opacity:0} to{bottom:0;opacity:1}}

.onload6 {position:relative;animation:animateright 1s}@keyframes animateright{from{right:-300px;opacity:0} to{right:0;opacity:1}}


.glow {
    color: rgb(70, 70, 70);
    transition-duration: 0.3s;
}
.glow:hover {
    color: #00a000;
}

.glow2 {
    color: rgb(169, 169, 169);
    transition-duration: 0.3s;
    text-decoration: none;
}
.glow2:hover {
    color: #00a000;
}