.reb
    {
        width: 600px;
        margin: 7px;
        padding: 10px;
        border-style: solid;
        border-width: 3px;
        border-radius: 10px;
        font-family: 'Arial';
        font-size: 18px;
        float: left;
    }
    
     .creb
     {
         width: 100%;
         align: center;
         margin: 5px;
         padding: 5px;
     }
    
    .my
     {
         width: 100%;
         height: 550px;
         background-color: beige;
         align: center;
         margin: 5px;
         padding: 5px;
         cursor: url('assets/img/miniterra.png') 20 20, pointer;
     }
     .b1
     {
         width: 47%;
         margin: 5px;
         padding: 2px;
         height: 500px;
         border-radius: 10px 0px 0px 10px;
         background-color: #D9E1F1;
         float: left;
        
     }
     .b1:hover
     {
         background-color: Lavender;
         border-style: outset;
     }
     .b2
     {
         width: 47%;
         margin: 5px;
         padding: 2px;
         height: 500px;
         border-radius: 0px 10px 10px 0px;
         background-image: url('assets/img/103.jpg');
         background-size: cover;
         float: left;
     }
     .b2:hover
     {
         background-color: Lavender;
         border-style: outset;
     }
     .b3
     {
         width: 98%;
         margin: 5px;
         padding: 10px;
         height: 500px;
         border-radius: 10px 0px 0px 10px;
         background-color: #D9E1F1;
         overflow: scroll;
         float: left;
     }
     .b3:hover
     {
         background-color: Lavender;
         border-style: outset;
     }
     
     .mer
     {
        width: 40px;
        height: 40px;
     }
     .ven
     {
        width: 60px;
        height: 60px; 
     }
     .ter
     {
        width: 100px;
        height: 100px;
     }
     .mar
     {
        width: 60px;
        height: 60px; 
     }
     .jup
     {
        width: 120px;
        height: 120px; 
     }
     .sat
     {
        width: 120px;
        height: 120px; 
     }
     .ura
     {
        width: 100px;
        height: 100px; 
     }
     .nep
     {
        width: 100px;
        height: 100px; 
     }
     .plu
     {
        width: 30px;
        height: 30px;  
     }
     
     
     
     
     
     
     .ven:hover
     {
        width: 100px;
        height: 100px; 
     }
     .mer:hover
     {
        width: 80px;
        height: 80px; 
     }
     .ter:hover
     {
        width: 150px;
        height: 150px;
     }
     .mar:hover
     {
        width: 100px;
        height: 100px; 
     }
     .jup:hover
     {
        width: 150px;
        height: 150px; 
     }
     .sat:hover
     {
        width: 150px;
        height: 150px; 
     }
     .ura:hover
     {
        width: 150px;
        height: 150px; 
     }
     .nep:hover
     {
        width: 150px;
        height: 150px; 
     }
     .plu:hover
     {
        width: 60px;
        height: 60px;  
     }
     
     
     
     
     
     
     .venc
     {
        width: 105px;
        height: 105px; 
        position: absolute;
        top: 60px;
        left: 160px;
     }
    
     .terc
     {
        width: 155px;
        height: 155px; 
        position: absolute;
        top: 210px;
        left: 190px;
     }
    
     .jupc
     {
        width: 155px;
        height: 155px; 
        position: absolute;
        top: 260px;
        left: 310px;
     }
    
     .urac
     {
        width: 115px;
        height: 155px; 
        position: absolute;
        top: 340px;
        left: 490px;
     }
    
   
     
     
     
 .merc
     {
        width: 95px;
        height: 95px; 
        position: absolute;
        top: 100px;
        left: 60px;
     }
 .marc
     {
        width: 105px;
        height: 105px; 
        position: absolute;
        top: 90px;
        left: 310px;
     }
 .satc
     {
        width: 155px;
        height: 155px; 
        position: absolute;
        top: 100px;
        left: 460px;
     }
 .nepc
     {
        width: 155px;
        height: 155px; 
        position: absolute;
         top: 120px;
        left: 610px;
     }
     
 .pluc
     {
        width: 65px;
        height: 65px; 
        position: absolute;
        top: 420px;
        left: 640px;
     }
     
.mybut
{
    height: 100%;
    width: 30px;
    padding: 70px 0;
    text-align: center;
    font-size:24px;
    position: sticky;
    top: 5px;
    float:left;
    margin-right:10px;
    
}