@import url('https://fonts.googleapis.com/css?family=Gloria+Hallelujah|Muli|Open+Sans|Special+Elite|Ubuntu');
@import url('https://fonts.googleapis.com/css?family=Charm|EB+Garamond|Lora|Mukta|Passion+One|Poppins|Source+Code+Pro');
@import url('https://fonts.googleapis.com/css?family=Roboto');
/* 
font-family: 'Source Code Pro',  monospace;

font-family: 'Charm', cursive;

font-family: 'Passion One',cursive;

font-family: 'Poppins', sans-serif;

font-family: 'Mukta',sans-serif;

font-family: 'Lora',serif;

font-family: 'EB Garamond', serif; 

font-family: 'Muli', sans-serif;

font-family: 'Ubuntu', sans-serif;

font-family: 'Special Elite',cursive;

font-family: 'Gloria Hallelujah',cursive;

font-family: 'Open Sans',sans-serif;

font-family: 'Roboto',sans-serif;

*/

:root {
    --dw-black: rgb(3, 3, 3);
    --dw-white: rgb(250, 250, 250);
    --dw-green: rgb(72, 255, 55);
    --dw-blue: rgb(0, 11, 172);
    --dw-yellow: rgb(185, 255, 0);
    --dw-pink: rgb(255, 0, 212);
    --dw-red: rgb(255, 4, 9);
    --dw-cherry: rgb(132, 0, 7);
    --dw-banana: rgb(192, 189, 37);
}

 html {
     scroll-behavior: smooth;
 }
.sticky{
    position: -webkit-sticky;
    position: sticky;
    top: 0;
}
  

 .dw-table{
     display: table;
 }
.dw-table-cell{
    display: table-cell;
}
.dw-table-col{
    display: table-column;
}

 .pointer {
     cursor: pointer;
 }

 .zoom-in {
     cursor: zoom-in;
 }

.dw-black{
    color: var(--dw-black);
}

.dw-white {
    color: var(--dw-white);
}

.dw-green {
    color: var(--dw-green);
}

.dw-blue {
    color: var(--dw-blue);
}

.dw-yellow {
    color: var(--dw-yellow);
}

.dw-pink {
    color: var(--dw-pink);
}

.dw-red {
    color: var(--dw-red);
}

.dw-cherry {
    color: var(--dw-cherry);
}

.dw-banana {
    color: var(--dw-banana);
}

.dw-dark-bg{

    background: rgba(2, 247, 255, 0.335)

}

body {
    margin: 0;
    box-sizing: border-box;
    word-wrap: break-word;
    text-shadow: 1px 1px #000000;
}


li{
    text-transform: uppercase;
    list-style: none;
}

p {
   
    font-size: 2.5vh;
    letter-spacing: 6px;
    word-spacing: 6px;
}

h1 {
    
    font-weight: bold;
    letter-spacing: 4px;
    word-spacing: 0px;
    margin: 0px;
}

h2 {
    
    font-weight: bold;
    letter-spacing: 0px;
    word-spacing: 0px;
}

h3 {
   
    font-size: 5vh;
    letter-spacing: 0px;
    word-spacing: 0px;
}

h4 {
    
    font-size: 8vh;
    font-style: normal;
    font-weight: bold;
    letter-spacing: 10px;
    word-spacing: 8px;
}

h5 {
    
     font-size: 5vh;
    font-style: normal;
    font-weight: bold;
    letter-spacing: 4px;
    word-spacing: 4px;
    margin:0px;
   
}

h6 {
    
    font-size: 5vh;
    font-style: normal;
    letter-spacing: 2px;
   
}

.logo {
  
  height: 30px;
  margin:auto;
  cursor: pointer;
  
}

.v {
    font-family: 'Charm', cursive;
    font-size: 5.5vh;
   
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 0px;
    word-spacing: 0px;
}



.denny {
    font-family: 'Mukta', sans-serif;
    font-size: 4.5vh;
    letter-spacing: 6px;
    word-spacing: 20px;
    line-height: 2.0;
}

.webd {
    font-family: 'Poppins', sans-serif;
   
    font-size: 4.5vh;
    text-transform: uppercase;
    letter-spacing: 8px;
    word-spacing: 4px;
}

.dw-btn {
   border:1px solid white;
   padding:1vh;
   margin:1vh;
   text-decoration: none;


}

footer {
      
        left: 0;
        bottom: 0;
        width: 100%;
        border-top: 0px solid white;       
        background-color: rgba(0,0,0, 0.4);
        color:white;
        text-align: center;
  }

footer div{

        margin: auto;
        text-align: center;
        width: 60%; 
        padding: 10px;
      
}

footer ul{

  font-family: 'Poppins', sans-serif;
  font-stretch: expanded;
  font-size: 1.4vw;
  list-style: none;


}

footer ul a{

         color:#f5f5f5;
}

footer ul a:hover{

    color:#fd7c6e;
}

footer ul a:link {
  color:#f5f5f5;
}

/* visited link */
footer ul a:visited {
  color:#f5f5f5;
}

/* mouse over link */
footer ul a:hover {
  color: hotpink;
}

/* selected link */
footer ul a:active {
  color: blue;
}