body {
  background-image: url(images/BGblue.jpeg);
  background-attachment: fixed;
  background-repeat: repeat;
  }

  .mikugif{
    width: 100px;
    height: 1000px;
  }
  
  h1 {
    color: white;
    background-color: blue;
    text-align: center;
    font-family: verdana;
    font-size: 50px;
  }

  ul {
    font-family: verdana;
    color: white;
    list-style-type: none;
    margin: 0;
    padding: 10px;
    width: 180px;
    background-color: black;
  }

  li a {
    display: block;
    color: white;
    padding: 8px 16px;
    text-decoration: none;
  }

  /* Change the link and background color on hover */
  li a:hover {
    background-color: #555555;
    color: white;
  }

  p {
    /* font-family: verdana; */
    font-family: lucida console;
    color: black;
    font-size: 20px;
  }

  .picture{
    width: 100px;
    height: 100px;
  }

  h6{
    font-family: verdana;
    color: white;
    font-size: 15px;
  }

  .profile{
    padding: 10px;
    align-items: center;
  }


  footer {
    text-align: center;
    margin: 0;
    padding: 30px;
    background-color: blue;
    color: white;
    font-family: verdana;
  }

  .container {
    display: flex;
    gap: 20px; /* creates spacing like margin between */
    max-width: 1200px;
    margin: 0 auto;
  }
  
  .box {
    flex: 1; /* equal width */
    background: #f2f2f2;
    padding: 20px;
  }
  
  body {
    margin: 0;
    font-family: sans-serif;
  }
  
  .layout {
    display: flex;          /* put sidebar + content side by side */
    align-items: flex-start;
  }
  
  .sidebar {
    width: 220px;           /* fixed width sidebar */
    /* background: #eee; */
    padding: 20px;
  }
  
  .container {
    display: flex;
    gap: 20px;              /* space between boxes */
    padding: 20px;
    flex: 1;                /* take the rest of the space */
  }
  
  .box {
    flex: 1;
    background: #f2f2f2;
    padding: 20px;
    border-radius: 15px;
  }

  h2{
    color: white;
    background-color: blue;
    text-align: center;
    font-family: verdana;
  }
  