/* ik for a fact this is gonna break somehow haha */
body {
    margin: 0;
    padding: 0;
    background-image: url(background.jpg);
    background-size: cover;
    background-color: aqua;
}

.main-wrapper {
    width: 500px;           
    max-width: 95%;         
    background-color:rgba(221, 101, 151, 0.982);
    margin: 40px auto;         
    min-height: 100vh;      
    padding: 10px;          
    box-shadow: 5px 5px 0px rgba(0, 0, 0, 0.3); 
    border: 4px solid black;
    overflow: hidden;
}

.banner {
    background-color: #000000;
    color: #d9ff00;
    font-size: 20px;
    padding: 15px 0px;
    font-family: 'comic sans ms', cursive, sans-serif;
}







/* im not sure if theres meant to be a certain order so the page could just randomly screw itself up*/