/*      Section and Settup Classes      */

body {
    background-image: linear-gradient(to bottom,#1E0642, #1E0642, #1E0642, #311857, #311857);
    color: #FFE3D6;
    min-height: 100vh;
    font-family: Arial, Helvetica, sans-serif

}

body,html {
    margin: 0;
    padding: 0;

}

* {
    box-sizing: border-box;

}

header {
    height: 8vh;

}

body .sidemargin {
    float: left;
    height: 100vmax;
    border-right: #FFE3D6 solid 3px;
    width: 70px;
    margin-right: 15px; 
    background-color: #BAA5FF;

}

img.righty {
    float: right;

}

.h600 {
    height: 600px;
    border: 2px solid cream;

}

/*      Text Classes      */

a {
    color: #FFE3D6;

}

a:hover {
    color: lightgoldenrodyellow;

}

ul.cleanlist {
    list-style-type: none;

}

.header {
    margin-bottom: 0px;

}

.subheader {
    margin-top: 1px;

}

.textbig {
    font-size-adjust: 0.6;

}



/* Image and Display classes */

img.logo {
    height: 50px;
    margin: 10px;
    object-fit: contain;

}

div.logo {
    max-height: 7vh;
    margin-bottom: 7px;
    margin-top: -23px;
    overflow-y: hidden;
    width: 5vw;
    margin-left: 40px;

}

hr.divider {
    height: 4px;
    background-color: #FFE3D6;
    border: none;
    margin: 0;
    padding: 0%;

}

/*       Navbar classes       */

  .nav, .icon-bar {
    background-color: #2E294E;


  }

  div.nav .icon-bar {
    width: 100%; /* Full-width */
    overflow: auto; /* Overflow due to float */
    text-rendering: auto;
    overflow-y: hidden;

  }


  
  div.nav .icon-bar a {
    float: left; /* Float links side by side */
    text-align: center; /* Center-align text */
    transition: all 0.3s ease; /* Add transition for hover effects */
    font-size: 20px; /* Increased font size */
    height: 10vh;
    width: 8vw;
    padding-top: 30px;

  }

  div.nav a:hover {
    color: lightgoldenrodyellow;
    background-color: #171430;


  }

  #Image-Main {
    border: 5px darkgray solid;
    width: 40vw;

  }

  div.entertainmentlist * {
    margin-bottom: 20px;

  }