* {
   box-sizing: border-box;
}

body {
   background-color: #c1dde6;
   background-image: url(assets/Octopus_verrucosus2.png);
   background-repeat: repeat-y;
   background-position: left;
   background-attachment: fixed;
   color: rgb(0, 0, 0);
   font-family: Arial, Helvetica, sans-serif;
}



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

h2, h3 {
color: rgb(0, 0, 0);
font-family: Arial, Helvetica, sans-serif;
font-weight: 400;
font-style: normal;
letter-spacing: 2px;
font-size: 2.5em;
display: inline-flex;
}

p, ul{
   font-size: 20px;
}

span {
background-color: white;
}

 #op, #op2, #op3 {
   border: 10px double black;
   border-radius: 100px;
   height: 600px;
   width: auto;
   padding: 20px;
   margin: 10px;
}

#op2, #tfinal {
   background-color: #A8CBD6;
}

#test, #test3{
   float: left;
   width: 600px;
}

#test2{
   float: right;
   width: 600px;
}

#tfinal {
   border: 10px double black;
   border-radius: 100px;
   text-align: center;
}

.bk{ 
   background-color: white;
   font-weight: bold;
}