@import url(base.css);

.area-flex{
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: flex-start;
    gap: 5px;
}
.left-bar{
    padding-left: 5px;
    font-size: 20px;
    font-family:"rainyhearts";
    border-style:ridge;
    border-color:#fdffff ;
    background-color: #c3c3c3 ;
    border-width: 5px;
    flex-basis: 20%;
}
.main-area{
    padding-left: 5px;
    font-size:12px;
    font-family:"minecraftia";
    border-style:ridge;
    border-color:#fdffff ;
    background-color: #c3c3c3 ;
    border-width:5px;
    flex-basis: 50%;
    flex-grow: 2;
}

a{
    text-decoration:none;
    color:black;
}
ul{
    list-style-type:none;
    padding-left:0px;
}

.img-container{
    display: flex;
    justify-content: space-around;
}
img{
    align-self: center;
}