@font-face { font-family: PressStart2P; src: url('../../static/PressStart2P-Regular.ttf'); }


.vertical-center {
    min-height: 100%;  /* Fallback for browsers do NOT support vh unit */
    min-height: 100vh; /* These two lines are counted as one :-)       */
  
    display: flex;
    align-items: center;
  }
.my-auto {
    margin-top: auto;
margin-bottom: auto;
}
.hor-cent {
    margin: 0 auto;
    border-radius: 10px;
    width: 40%;
    background-color: black;
    color: white;
    position: relative;
}

.imgplacer {
    margin: 0 auto;
    width: 50%;
}

img {
    width: 100%;
}

.fw {
    width: 100%;
}

.ccc-blue{
    color: #0084b0;
}

.ccc-green{
    color: #00a356;
}

body {
    
 background-color: #232323;
 font-family: PressStart2P;
}

@media (max-width: 1275.98px) {
    .hor-cent {
        width:90%;
    }
    .imgplacer {
        width: 60%;
    }
}