body {
    width: 100%;
    height: 100%;
    font-size: large;
    font-family: Arial, Helvetica, sans-serif;
    background: linear-gradient(90deg, rgb(172, 40, 139) 0%, rgb(12, 164, 214) 100%);
}

h1 {
    color:rgb(240, 205, 10);
    text-align: center;
}

h2 {
    text-align: center;
}

.container {
    width: 100%;
    height: 100%;
}

/* .top {
    width: 100%;
    height: 15%;
    background-color: rgb(61, 8, 85);
} */

.left {
    height: 90%;
    width: 10%;
    float: left;
    
}

.middle {
    height: 90%;
    width: 80%;
    float: left;
}

.right {
    height: 90%;
    width: 10%;
    float: right;
    
}