/* this is a css reset that makes sure the browser won't add any unexpected margins or padding to your page */
body, html{
  background-color:#D0EC94;
  margin:0;
  padding:0;
  box-sizing: border-box;
}

/* call an element from your html and style it here! add p5 link*/
/* for example... */

p{
  font-style: monospace;
  font-size: 30px;
  color: black;
}

.iframeWrapper {
   width: 100%; /* match your sketch width */
   height: 400px; /* match your sketch height */
   overflow: hidden; /* hide anything outside bounds */
   position: relative;
}

iframe {
   width: 100%;
   height: 442px; /* 42px taller than the container */
   border: none;
   position: absolute; /* this allows you to call 'top' on the next line */
   top: -42px; /* shift the iframe 42px up to hide the bar */
}

#btn{
  font-size: 1.25rem;
}

#btn:hover a{
  color: red;
}

#btn a{
    color: black;
}

@media (max-width: 768px) {
  /* your tablet styles here! */
}

@media (max-width: 425px) {
  /* your mobile styles here! */
}