body {
    font-family: 'Roboto', sans-serif;
    display: flex;
    justify-content: left;
    align-items: top;
    min-height: 100vh;
    margin: 0;
    color: black;
    padding: 2em;

background-color: #ffffff;

background: radial-gradient(circle, transparent 20%, #ffffff 20%, #ffffff 80%, transparent 80%, transparent), radial-gradient(circle, transparent 20%, #ffffff 20%, #ffffff 80%, transparent 80%, transparent) 25px 25px, linear-gradient(#f1f1f1 2px, transparent 2px) 0 -1px, linear-gradient(90deg, #f1f1f1 2px, #ffffff 2px) -1px 0;
background-size: 50px 50px, 50px 50px, 25px 25px, 25px 25px;
  animation-name: bgpulse;
  animation-duration: 20s;
  animation-iteration-count: infinite;
}

@keyframes bgpulse {
  0%   {background-size: 50px 50px, 50px 50px, 25px 25px, 25px 25px;}
  50%  {background-size: 100px 50px, 50px 50px, 25px 25px, 25px 25px;}
  60% {background-size: 50px 50px, 50px 50px, 25px 25px, 25px 25px;}
    100%   {background-size: 50px 50px, 50px 50px, 25px 25px, 25px 25px;}

}


a {
        font-family: 'Roboto', sans-serif;
            color: black;
                font-size: 4rem;
                text-decoration:none

}





i {
    font-size: 2rem;
}
.menuItem {
  list-style-type: none;
  margin-bottom: 10px;
}

.menuLink {
  -webkit-transition: color 0.5s, font-size 0.5s;
  transition: color 0.5s, font-size 0.5s;
  color: #000000;
}

.menuLink:hover {
  font-size: 5rem;

}

.menuItemMini {
  list-style-type: none;
  margin-bottom: 10px;
  font-size: 2rem;
}
.menuLinkMini {
  font-size:2rem;
  -webkit-transition: color 0.5s, font-size 0.5s;
  transition: color 0.5s, font-size 0.5s;
  color: #000000;
}

.menuLinkMini:hover {
  font-size:3rem;

}

.carousel-container {
    text-align: center;
    font-size: 8rem;
    font-weight: bold;
    height: 10rem;
    overflow: hidden;
    position: relative;
    display: flex;
    align-items: center;
}

.word-carousel {
    display: flex;
    flex-direction: column;
    animation: rotate 15s infinite;
}

.word {
    height: 10rem;
    display: flex;
    align-items: center;
    justify-content: left;
    white-space: nowrap;
}

@keyframes rotate {
    0% { transform: translateY(20rem); }
    18% { transform: translateY(20rem); }
    20% { transform: translateY(10rem); }
    38% { transform: translateY(10rem); }
    40% { transform: translateY(0px); }
    58% { transform: translateY(0px); }
    60% { transform: translateY(-10rem); }
    78% { transform: translateY(-10rem); }
    80% { transform: translateY(-20rem); }
    98% { transform: translateY(-20rem); }
    100% { transform: translateY(0); }
}