@font-face {
    font-family: 'bebas';
    src: url('https://lukeq28.com/fonts/BebasNeue-Regular.woff2') format('woff2'),
         url('https://lukeq28.com/fonts/BebasNeue-Regular.woff') format('woff'),
         url(https://lukeq28.com/fonts/BebasNeue-Regular.otf') format('otf'),
         url('https://lukeq28.com/fonts/BebasNeue-Regular.ttf') format('ttf');
    font-weight: normal;
    font-style: normal;}
@font-face {
    font-family: 'porter';
    src: url('fonts/porter-sans.woff') format('woff');
    font-weight: normal;
    font-style: normal;}
@font-face {
    font-family: 'rakesly';
    src: url('../fonts/RakeslyBd.woff') format('woff');
    font-weight: normal;
    font-style: normal;}
@font-face {
    font-family: 'lt';
    src: url('../fonts/kenyan_coffee_rg-webfont.woff2') format('woff2'),
    url('../fonts/kenyan_coffee_rg-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;}
@font-face {
    font-family: 'babelsans';
    src: url('../fonts/agenorneue-regular-webfont.woff') format('woff'),
     url('../fonts/agenorneue-regular-webfont.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;}
@font-face {
    font-family: 'bluehwy';
    src:    url('../fonts/blue_highway_bd-webfont-webfont.woff') format('woff'),
     url('../fonts/blue_highway_bd-webfont.woff2') format('woff2');;
    font-weight: normal;
    font-style: normal;}

    
@font-face {
    font-family: 'champion';
    src: url('./fonts/prida.woff') format('woff'),
    url('./fonts/prida.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;}


body{
background-image: url("../images/DoubleSand.png");

background-size: cover; 

}


p{
background-color: rgba(65, 65, 65, 0.70);
margin: auto;
filter: drop-shadow(4px 3px rgba(200, 200, 200, 0.50));
color: #cccccc;
width: 55%;
font-family: "rakesly";
font-size: 22px;
line-height: 32pt;
text-align: justify;
padding-right: 109px;
padding-left: 109px;
padding-top: 27px;
padding-bottom: 21px;
margin-top:35px;

font-weight: 300;
}



.tomain{
  font-family: bebas;
  font-size: 18px; 
  text-align: left;
  padding-left:6px;
  margin-top:10px;
  padding-right:6px;
  width:17%;
  float: right;
}
a:link {
  color: #39b1cc;

}

/* visited link */
a:visited {
  color: #777777;

}

/* mouse over link */
a:hover {
  color: #39b1cc;

}

/* selected link */
a:active {
  color: teal;

}


h1{
text-align: center;
margin: auto;
padding-top:10px;
margin-top: 40px;
margin-bottom:45px;
width: 500px;
height: 150px;
font-size: 57px;
text-transform: uppercase;
font-family: bebas; color: #39b1cc;
}

/* Lighter blue color is #75c9e3*/

p::first-letter {
    font-size: 70px;
    font-family: bebas;
    font-weight: bold;
    margin-right: 4px;
    background: linear-gradient(#444444, #23a3ef) no-repeat;
    background-clip:text;
    -webkit-background-clip: text;
    color: transparent;

}


blockquote {
	margin: 0.2em 2em;
    background:#CCC;
	color: #222222;
    font-size:20px;
    font-family:thryn;
    text-align: justify;
    line-height: 24px;
	/*border-left: 5px solid #999;*/
    border-top:10px solid #39b1cc;
	padding: 5px;
    border-bottom:10px solid #39b1cc;
}
blockquote:before {
  color: #39b1cc;
  content: open-quote;
  font-size: 4em;
  line-height: 0.1em;
  margin-right: 0.25em;
  vertical-align: -0.4em;
}


blockquote:after {
  color: #39b1cc;
  content: close-quote;
  font-size: 4em;
  line-height: 0.1em;
  margin-left: 0.25em;
  vertical-align: -0.4em;
}
/*blockquote p {
  display: inline;
}*/
.center {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 70%;
}

.linklist{
  background-color: rgba(40, 40, 40, 0.8);
  font-family: bebas;
  font-size: 45px; 
  text-align: left;
  padding-left:6px;
  padding-right:6px;
  width:45px;
}

a.nav {color: hotpink; font-family: thryn; text-decoration: none;}
a.nav:link {color: hotpink;font-family: thryn;}
a.nav:visited {color: hotpink;font-family: thryn;}
a.nav:hover {color: lavender;font-family: thryn;}
a.nav:active {color: teal;font-family: thryn;}