@import url('https://fonts.googleapis.com/css2?family=DynaPuff:wght@400..700&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Rock+Salt&display=swap');


@import url('https://fonts.googleapis.com/css2?family=Mystery+Quest&display=swap');

@import url(
'https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Chewy&display=swap');


/* remember import files go at the top before everything else */

body {

   background-color: #c1dde6;
   color: rgb(0, 0, 0);
   font-family: "DM Sans", Helvetica, sans-serif;
   text-align:center;
   border: 15px solid #46808f;
   margin: auto;
   padding: 30px;

}


h1 {
   font-family: "DynaPuff", Arial,  sans-serif;
   color: rgb(0, 0, 0);
   font-weight: 400;
   font-style: normal;
   font-size: 96px;
   word-spacing: 20px;
   text-shadow: 5px 5px 10px #46808f;
 }
 

.bttn {
   background-color: #a8cbd6;
   border: none;
   font-family: "DM Sans", Helvetica, sans-serif;
   font-size: 16px;
   padding: 10px 24px;
   border-radius:50%
}


h2, h3 {
color: rgb(0, 0, 0);
font-family: "Mystery Quest", helvetica, sans-serif;
font-weight: 400;
font-style: normal;
letter-spacing: 2px;
font-size: 2.2em;
}

#barrier, .cent2 {
   margin:auto;
   width: 80%;
   border: 15px solid #a8cbd6;
   padding: 10px;
   outline-style: dashed;
   outline-color: #5b94a4;
}

.invert, .invert2{
font-family: "Rock Salt", sans-serif;
letter-spacing: 2px;
word-spacing: 2px;
}


.spacey {
line-height: 1.8;
}

p span{
   background-color:#a8cbd6;
}



#alin1 {
   text-align: justify;
}

ul.a {
   list-style-position: inside;
   list-style-type: square;
}

.ital{
   font-style: italic;

}

.extra {
font-family: "Chewy", sans-serif;
letter-spacing: 2px;
word-spacing: 2px;
}

#op, #op2, #op3{
margin: auto;
outline-style: dotted;
outline-color:#5b94a4;
background-color:#a8cbd6;
}