body {
  background-image: url(img/bg.png);
  background-repeat: round;

}

.box{

   margin-right: 1000px;
    margin-top: 50px;
    display: grid;
    grid-gap: 90px;
    grid-template-columns: 200px minmax(0,1fr);
    
}




.header, .footer, .main, .nav {
    font-family: Tahoma, Geneva, sans-serif;
    width: 250px;
    background-color: rgba(42, 133, 145, 0.863);
    text-align: center;
    border-top-width: 12px;
    border-top-style: ridge;
    border-top-color: #1C6EA4;
    border-radius: 30px;
    outline: 5px solid rgb(0, 0, 0, 0.5);
    padding: 5px;
    box-shadow: 10px 10px 5px 0px rgba(167, 49, 49, 0.75);

}

.header {
    grid-row: 1 / 2;
    grid-column: 1 / 3;
    margin-left: 100%;
    
}

.nav {
    grid-row: 2 / 3;
    grid-column: 1 / 2;
    height: max-content;
}

.main {
    grid-row: 2 / 3;
    grid-column: 2 / 3;
    height: max-content;
    margin-left: 75%;

    display: grid;
    grid-template-rows: 0.5fr;
    width: 600px;

    
}


.footer {
    grid-row: 3 / 4;
    grid-column: 1 / 3;
        margin-left: 100%;
        margin-top: 45%;
}



.main-content {
font-family: Arial, Helvetica, sans-serif;
color: rgb(0, 0, 0);

}