body{
    background-image:("green.gif");
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
}

.home{
    position:sticky;
    top:0;
    width:100%;
    background:white;
    text-align:center;
}
.home a{
    text-decoration:none;
    color:black;
}

.home:hover{
    background:green;
    color:white;
}

.top{
    width:75%;
    border:solid thick red;
    margin-top:4vw;
    text-align:center;
}

.currentcontainer{
    border:solid thick green;
    display:flex;
    overflow:hidden;
    white-space:nowrap;
}

.current{
    animation-duration:4s;
    animation-iteration-count:infinite;
    animation-name:marqueeslide;
    animation-timing-function:linear;
    padding-right:8px;
}

.currentcontainer:hover .current{
    animation-play-state:paused;
}

@keyframes marqueeslide{
    from{
        transform:translateX(0%);
    }
    to{
        transform:translateX(-100%);
    }
}

.main{
    margin-top:2vw;
    border:solid thick blue;
    display:flex;
    width:75%;
}

.sidebar{
    width:20%;
    border:solid thick pink;
    text-align:center;
    padding:1vw;
}

.strains{
    width:100%;
    text-align:Center;
    overflow-y:scroll;
  overflow-x:hidden;
  padding:1vw;
}

.button{
  background-color:white;
  border:none;
  text-align:left;
  padding:0.5vw;
  width:100%;
}

.button:hover{
    background:green;
  text-align:right;
  color:white;
}