body {
  background-color: #0067b3;
  font-family: "Lora", serif;
}

/* .rando7 {
  background-size: cover;
  width: 3em;
  height: 3em;
  background-color: rgb(226, 36, 11);
}  */

 /* .colourx {
  
  background-color: red;
} */
 .colourxx {
  color: #ffd53d;
}

/* .randdd1 {
  background-color: #0067b3;
  background-size: cover;
} */

/* #linx {
  color: green;
} */

a {
  color: #ffd53d;
  text-decoration: none;
  font-size: 20px;
}
/* a:focus {
  color: red;
} */
/* .cs1{
    background-color: #0067b3;
} */
/* .cs2{
    background-color: navy;
} */
/* .csx1{
  background-color: #0067b3;
} */
/* .csxx1{
    color: red;
} */

.colourpal1{
  background-color: #0000a3;
  
} 
.colourpal11{
  color: #0000a3;
} 
.colourpal2{
  background-color: #0067b3;
} 
.colourpal22{
  color: #0067b3;
} 
.colourpal3{
  background-color: #40b0df;
} 
.colourpal33{
  color: #40b0df;
} 

.colourpal4{
  background-color: #ffd53d;
} 
.colourpal44{
  color: #ffd53d;
}
 .colourpal6{
  background-color: hsl(198, 81%, 75%);
} 

/* .colourpal55{
  color: #F2B33D;
} */

/* .border2{
  border: 1px solid #F06BF2;
  }  */
  



.bgimage1{
  background-image: url("../img/backgroundwave.png");
  background-size: cover;
  background-position: center;
  /* height: 100vh; */
}
.bgimage11{
  background-image: url("../img/backgroundwave.png");
  background-size: cover;
  background-position: bottom;
  
  /* height: 100vh; */
}
.bgimage2{
  background-image: url("../img/wavez.png");
  background-size: cover;
  background-position: center;
  /* height: 100vh; */
}
.bg1{
  background-image: url("../img/bg1.png");
  background-size: cover;
  background-position: center;
  /* height: 100vh; */
}
.bg2{
  background-image: url("../img/bg2.png");
  background-size: cover;
  background-position: center;
  /* height: 100vh; */
}
.bg3{
  background-image: url("../img/bg3.png");
  background-size: cover;
  background-position: center;
  /* height: 100vh; */
}
.bg4{
  background-image: url("../img/bg4.png");
  background-size: auto;
  background-position: center;
  /* height: 100vh; */
}
.bg5{
  background-image: url("../img/bg5.jpg");
  background-size: auto;
  background-position: center;
  /* height: 100vh; */
}
.bg6{
  background-image: url("../img/bg6.jpg");
  background-size: cover;
  background-position: center;
  /* height: 100vh; */
}

.linear-gradient {
  background: linear-gradient(#40b0df,#0067b3);
}
.linear-gradient2 {
  background: linear-gradient(#60b1eb,#0067b3);
}
.linear-gradient3 {
  background: linear-gradient(white,#0067b3);
}
.linear-gradient33 {
  background: linear-gradient(#0067b3, white);
}
.linear-gradient4 {
  background: linear-gradient(#0067b3,#40b0df);
}

.radial-gradient {
  background: radial-gradient(circle, #3276cf, #0067b3);
}
.transp{
  opacity: 0.6;
}  
.transpo{
  opacity: 0.99;
  
}
.texta1{
  font-size: xx-large;
  font-family: "Lora", serif;
}

.bgbox1{
  background-color: rgba(135, 203, 233, 0.938);
}

.headertxt {
  font-family: "Oleo Script", system-ui;
  font-weight: 800;
  font-style: normal;
font-size: xx-large;}
.headertxt1 {
  font-family: "Oleo Script", system-ui;
  font-weight: 800;
  font-style: normal;
font-size: x-large;}
.headertxt11 {
  font-family: "Oleo Script", system-ui;
  font-weight: 800;
  font-style: normal;
font-size: large;}

.subheadertxtx{
  font-family: "Russo One", sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: large;
}
.subheadertxt1x{
  font-family: "Russo One", sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: xx-large;
}
.subheadertxt1{
  font-family: "Courgette", cursive;
  font-weight: 500;
  font-style: normal;
  font-size: x-large;
}
.subheadertxt{
  font-family: "Courgette", cursive;
  font-weight: 500;
  font-style: normal;
  font-size: large;
}
.subheadertxt11{
  font-family: "Courgette", cursive;
  font-weight: 500;
  font-style: normal;
  font-size: xx-large;
}