*{
    margin: 0;
    padding: 0;
    font-family: Arial, Helvetica, sans-serif;

}

body {
    background: #2f3640;
    padding: 20px;
}

.box{
    border: 8px solid black;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    font-weight: bold;
    color: white;
    font-size: 20px;

}

.container{
    display: grid;
    grid-template-columns: 250px 1fr 1fr;
    gap: 10px;
    margin-left: 200px;
    width: 70vw;


}

.Header, .Footer{
    grid-column: 1/4;
    height: 90px;
    background: linear-gradient(45deg, #8e44ad, #9b59b6);
}

.Sidebar{
   grid-row: 2/4; 
   background: linear-gradient(180deg, #1abc9c, #16a085);    
}

.Content1{
    grid-column: 2/4;
    height: 250px;
    background: linear-gradient(45deg, #6a11cb, #2575fc);
}

.Content2{
    height: 200px;
    background: linear-gradient(45deg, #6a11cb, #2575fc);
}

.Content3{
    height: 200px;
    background: linear-gradient(45deg, #6a11cb, #2575fc);
}