html, body{
        height:100%;
        background-color: #777777;
        display:flex;
   align-items:center;
    justify-content: center;}
    
    .middleg{
 height: 80%;
   width:50%;
background-color:#00a9ac;
        display:flex;
        position: fixed;
    margin:auto;
padding:20px;
        border:groove;
        border-color:#017b7b
}
    .maiqspot{
        height:99%;
        width:45%;
        background-color:darkcyan;
        display:flex;
        
    }
    .wisdom{
        height:40%;
        width: 50%;
        background-color: darkcyan;
        display:flex;
        margin: auto;
        font-size:40px;
        font-family: "Magic-Cards"}
        
        @font-face {
  font-family: "Magic-Cards";
  src: url("MagicCards.ttf");
}