@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');



/* color pallete chosen is monochromatic using hex codes, #C1DDE6 , #A8CBD6, #70A9B9, #5B94A4, #46808F */

body {
   background-color: #c1dde6;
   background-image: radial-gradient(circle, #a8cbd6, #c1dde6, #5B94A4, #C1DDE6 );
   color: rgb(0, 0, 0);
   font-family: "DM Sans", Helvetica, sans-serif;
   text-align:center;
   border: 15px solid;
   border-color:#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 #C1DDE6;
 }
 

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


.cent1 a:hover {
color: black;
background-color: #5b94a4;

}

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.5em;
}

#barrier, .cent2 {
   margin:auto;
   width: 80%;
   border: 15px solid #a8cbd6;
   padding: 10px;
   outline-style: dashed;
   outline-color: #5b94a4;
   background-image: url(assets/bgrnd.jpg);
   
}

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


.spacey {
line-height: 1.8;
}

p span{
   background-color: #c1dde6;
}


#alin1 {
   text-align: justify;
}

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

.ital{
   font-style: italic;

}

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

#op, #op2, #op3, #op4{
margin: auto;
background-color:#a8cbd6;
padding: 5px;
}

li span, .highlight {
font-weight: bold;
background-color: #70A9B9;
}