.banner{
    position: static;
    align-self: center;
    width: 100%;
}
.bn{
    width:1500px;
    height: 350px;
}
nav{
    position: sticky;
    padding: 20px;
    background-color: #281822;
    width: 100%;
}
nav ul{
     margin: 0 auto;
     padding: 0;
     text-align: center;
}
nav li{
      width : 15%;
      display: inline-block;
      font-size: 20px;
      
}
li a{
    text-decoration: none;
    color: aliceblue;
    font-family: 'Courier New', Courier, monospace;

}
.container{
    display: grid;
    grid-template-columns: 250px 1fr; 
    gap: 20px;
}
.left{
    margin-top: 15px;
    border: 4px dashed #281822 ;
    border-radius: 10px 60px 30px;
    background-color: #0f0000;
    padding: 15px;
    height: fit-content;
    overflow-x: hidden;
    overflow-y: hidden ;
}
hr{
    border: none;
    border-top: 2px dashed rgb(213, 213, 213) ;
    margin: 10px 0;
}
.main-body {
    margin-top: 15px;
    background-color: #0f0000;
    border: 4px dashed #281822;
    border-radius: 60px 30px 10px;
}
.main-body h1{
    color: aliceblue;
    margin-top: 20px ;
    margin-left: 20px;
    font-family: monospace;
}
.main-body p{
    margin-left: 20px;
    color: aliceblue;
    font-family: Verdana, Geneva, Tahoma, sans-serif;
}
.pro{
    margin-top: 30px;
    margin-left: 50px;
    height: 120px;
    width: 120px;
}
.lefft p{
    text-align: center;
    font-family: 'Courier New', Courier, monospace;
    color: aliceblue;

}
.hh{
    position: relative;
    left: 590px;
    bottom: 100px
}
footer{
    text-align: center;
    background-color: #281822;
    font-size: large;
    color: aliceblue;
    font-family: 'Courier New', Courier, monospace;
}
body{
    background: url(bgg.jpg") no-repeat center center fixed;
    background-size: cover;
}