@font-face {
    font-family: 'cool'; /* Choose a descriptive name for your font */
    src: url('Venus.ttf');

    font-weight: normal; /* Define font weight if applicable */
    font-style: normal;  /* Define font style if applicable */
}
@font-face {
    font-family: 'curve'; /* Choose a descriptive name for your font */
    src: url('Walahom.otf');

    font-weight: normal; /* Define font weight if applicable */
    font-style: normal;  /* Define font style if applicable */
}
@font-face {
    font-family: 'comic'; /* Choose a descriptive name for your font */
    src: url('comicsans.ttf');

    font-weight: normal; /* Define font weight if applicable */
    font-style: normal;  /* Define font style if applicable */
}
body{

    padding:0.25rem;
    color: whitesmoke;
    font-family: 'curve';
    word-wrap: break-word;
    background-color: black;


.title{
    color: rgba(255, 230, 0, 0.82);
}

}
.flex-main{
    display: flex;
    flex-direction: row;

    gap:20px;
    min-height: 65vh;
    min-width: 90vw;
h3{
    color: rgba(255, 230, 0, 0.82);
  
}
.flex-about{
    margin-top: 2vh;
    text-align: center;
    font-family:"comic";
    font-weight: bold;
}
}
.flex-center{

    display: flex;
    flex-direction: column;
    align-items: center;
    min-height: 70vh;
    min-width: 70vw;


}
a{
    color:chartreuse
}

p{
    font-family: "comic";
    text-align: center;
}
.flex-side{
    margin-right: 4vw;
    display: flex;
    align-items: center;
    flex-direction: column;
    
    width: 30vw;
    min-height: 70vh;
    text-align: center;

}
fit{
    max-width: 18vw;
    font-family: "curve";
}
button{
    font-family: "cool";
    max-width: 18vw;
}


.profile{
     max-width: 10vw;
     max-height: 10vw;
}

.logo{
    border: 7px solid white;
    max-width: 18vw;
    max-height: 18vw;
    

}
.comic-logo{
    
    min-width: 10vw;
    border: 5px solid gold;
}
.peek{
    max-width: 60vw;
}