body {
    background-color:rgb(1, 3, 26);
    font-family:text1;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100vh;
  overflow:hidden;    
}

gah {
    position:fixed;
    width:60vw;
    height:40vh;
    background-color:#dfdfdf;
    border: solid 5px rgb(3, 2, 36);
    overflow-y:auto;
}

bleh{
    position:sticky;
    top:0px;
    display:grid;
    grid-template-columns: 1fr 1fr;
    grid-template-areas: 
    "text grahh";
    width:100%;
    height:35px;
    background-color:rgb(29, 24, 48);
    border-bottom: solid 5px rgb(3, 2, 36);
}

text, grahh {
    margin:10px;
}

text {
    grid-area:text;
    color:rgb(219, 217, 235);
}

grahh {
    grid-area:grahh;
    color:white;
    position:absolute;
    right:5px;
}

p {
    margin-left:18px;
    margin-right:18px;
    font-size:22px;
}

button {
    margin:5px;
    background-color: rgb(95, 95, 95);
    color:white;
}

.eek:hover {
    color:rgb(70, 88, 165);
    background-color: rgb(34, 34, 34);
animation: shake 1.8s;
    animation-iteration-count: infinite;
}

@keyframes shake {
  0% { transform: translate(1px, 1px) rotate(0deg); }
  10% { transform: translate(-1px, -2px) rotate(-1deg); }
  20% { transform: translate(-3px, 0px) rotate(1deg); }
  30% { transform: translate(3px, 2px) rotate(0deg); }
  40% { transform: translate(1px, -1px) rotate(1deg); }
  50% { transform: translate(-1px, 2px) rotate(-1deg); }
  60% { transform: translate(-3px, 1px) rotate(0deg); }
  70% { transform: translate(3px, 1px) rotate(-1deg); }
  80% { transform: translate(-1px, -1px) rotate(1deg); }
  90% { transform: translate(1px, 2px) rotate(0deg); }
  100% { transform: translate(1px, -2px) rotate(-1deg); }
}

.yeehaw:hover {
    color:rgb(255, 213, 96);
    background-color: rgb(134, 134, 134);
}