*{
    box-sizing: border-box;
    padding: 0px;
    margin: 0px;
    
}

.imglogo{
    height: 50px;
    width: 50px;
 /* margin-left: 20px; */
 
}
.box-image{
    width: 50px;
    height: 50px;
   
 margin-left: 50px;
   overflow: hidden;
}



.page{
    height: 100vh;
    display: grid;
background-color: aliceblue;
grid-template-columns: repeat(10,1fr);
grid-template-rows:  60px auto 50px;
grid-template-areas: "logo nav nav nav nav nav nav nav nav nav" "cont cont cont cont cont cont cont cont side side" "foot foot foot foot foot foot foot foot foot foot";
}

.logo{

    grid-area: logo;
    background-color: #ccebff;
    border-bottom:  5px solid rgb(33, 6, 209);
}

nav{
    display: grid;
    grid-template-columns: repeat(4,1fr);
    grid-area: nav;
    background-color: #ccebff;
    border-bottom:  5px solid rgb(33, 6, 209);
    align-items: center;
    justify-items: center;
}

section{
    grid-area: cont;
    background-color: azure;
}
aside{
    grid-area: side;
    background-color: bisque;
    border: 20px;
    border-color: black;
}

footer{
    grid-area: foot;
    background-color: blueviolet;
}


.layer-switcher .panel{
    width: 250px;
    border-radius: 20px;
}

nav div{
    grid-column-start: 4;
}

.btn1{
    width: 135px;
    height: 35px;
    font-size: 17px;
    background-color: #3052b3;
    color: white;
    border-radius: 8px;
}