html,body{
    margin: 0;
    padding: 0%;
    height: 98%;
    width: 100%;
    color: white;
    font-family: 'Times New Roman', Times, serif;
    text-shadow: 5px 5px 10px rgba(0, 0, 0, 0.5);
    justify-items: center;
    background-repeat: no-repeat;
    
}

.container{
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns:svgjs='http://svgjs.dev/svgjs' width='1440' height='560' preserveAspectRatio='none' viewBox='0 0 1440 560'%3e%3cg mask='url(%26quot%3b%23SvgjsMask1027%26quot%3b)' fill='none'%3e%3crect width='1440' height='560' x='0' y='0' fill='%230e2a47'%3e%3c/rect%3e%3cpath d='M0%2c552.554C99.952%2c527.209%2c143.072%2c412.352%2c223.662%2c348.025C293.272%2c292.463%2c389.928%2c274.527%2c440.325%2c201.09C495.064%2c121.325%2c528.773%2c21.691%2c513.126%2c-73.776C497.577%2c-168.643%2c418.121%2c-235.129%2c356.707%2c-309.088C293.907%2c-384.716%2c240.963%2c-473.628%2c150.049%2c-511.02C54.912%2c-550.149%2c-56.79%2c-556.818%2c-152.217%2c-518.404C-244.535%2c-481.241%2c-290.216%2c-383.152%2c-355.081%2c-307.679C-419.64%2c-232.562%2c-509.959%2c-173.053%2c-532.018%2c-76.493C-554.665%2c22.641%2c-512.283%2c122.313%2c-474.917%2c216.887C-435.769%2c315.97%2c-397.749%2c422.047%2c-310.75%2c483.537C-222.309%2c546.046%2c-104.979%2c579.174%2c0%2c552.554' fill='%230d2843'%3e%3c/path%3e%3cpath d='M1440 988.049C1535.328 986.1990000000001 1635.8220000000001 1040.421 1720.135 995.899 1805.355 950.898 1833.703 845.738 1874.679 758.511 1916.095 670.348 1954.536 582.482 1960.03 485.231 1966.466 371.297 1983.3339999999998 240.195 1908.841 153.747 1834.343 67.293 1700.46 76.43900000000002 1588.54 54.120000000000005 1486.633 33.797000000000025 1377.564-16.317999999999984 1284.133 29.166000000000054 1191.76 74.13600000000002 1176.616 196.913 1119.629 282.397 1071.38 354.774 1004.769 411.445 974.842 493.12 939.576 589.367 899.543 694.639 933.0889999999999 791.498 967.348 890.415 1055.187 969.066 1152.789 1006.9100000000001 1244.093 1042.312 1342.091 989.9490000000001 1440 988.049' fill='%230f2c4b'%3e%3c/path%3e%3c/g%3e%3cdefs%3e%3cmask id='SvgjsMask1027'%3e%3crect width='1440' height='560' fill='white'%3e%3c/rect%3e%3c/mask%3e%3c/defs%3e%3c/svg%3e");
    background-color: burlywood;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
}
.l2{
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    width: 60%;
    height: 60%;
}
.l1{
    
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    width: 60%;
    height: 60%;
}
img{
    border-radius: 15px;
    width: 50%;
    height: 60%;
}
a{
    padding: 5px;
    border-radius: 6px;
    background-color: white;
    font-weight:500;
}
a:active{
    color: red;
}
a:hover{
    background-color: white;
    font-weight: bolder;
    font-family:Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
}

span{
    color:green;
}

footer {
    text-align: center;
    padding: 10px;
    background-color: black;
    color: whitesmoke;
}


@media screen and (max-width:600px){
   
    html,body{
        height: 98%;
        width: 100%;
    }

    .container{
        height: 99%;
    }
    
    h1{
        font-size: 25px;
   }

   .l1{
    width: auto;
   }
   .l2{
    width: auto;
   }

   footer {
    font-size: 13px;
}

}