/*Ads kuno*/

.GIF1 {
	background-image: url("1.GIF");
	background-repeat: no-repeat;
	background-position:
	opacity: 0.9;
}

.GIF2 {
	background-image: url("2.GIF");
	background-repeat: no-repeat;
	background-position:
    opacity: 0.9;
}



/*Nav bar section*/

h2 {
    word-spacing:100px;
    text-align:left;
    font-family: Courier New;
    font-size: 100px;
    color:white;
  }


.header {
  background-color: black;
  height: 15%;
  width: 100%;
}

.firstclass {
  width: 130px;
  -webkit-transition: width 0.4s ease-in-out;
  transition: width 0.4s ease-in-out;
  background-size:20px 20px;
  background-image:url("4.png");
  background-repeat:no-repeat;
  padding-left: 25px;
  float: right;
}

.firstclass:focus {
  width: 20%;
}


.stickytopnavbar {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background-color: #090d10;
  position: -webkit-sticky; /* Safari */
  position: sticky;
  top: 0;
  background-color: black;
}

.stickytopnavbar li {
  float: left;
}



.stickytopnavbar li a {
  display: block;
  color: white;
  text-align: center;
  padding: 14px 16px;
  font-family: georgia;
  text-decoration-line: none;
}

.stickytopnavbar li a:hover {
  color:#3377ff;
}

.active {
  background-color: green;
}



li {
   list-style-type: none;

}


/*Body Section*/
body {
  margin: 0px;
  background-color: white;
}
 .H-ol li{
  list-style-type:decimal;
 }


.vl {
  border-right: .5px solid lightgray;
  height: 100%;
}

dd, h4 {
  color: darkslategray;
  font-family: Trebuchet MS;
}

hr.hrheading {
  border: 4px solid darkslategray;
  text-align: left; 
  margin-left: 0;
  justify-content: center;
      display: flex;
}

/*Box*/
.boxdd {
    display: block;
    width: 80%;
    background-color: #fafcfb;
    padding: 10px;
    border: solid 2px #009688;
    border-radius: 3px;
    margin: 20px auto;
}

h1 {
    word-spacing:100px;
    text-align:left;
    font-family: Courier New;
    font-size: 100px;
  }


p {
  text-align: left;
}

hr.hr1 {
  width: 50%; 
  text-align: left; 
  margin-left: 0;
}

/*Dictionary hover*/
/*All A from body pababa*/

.letters {
  color:#0099ff;
  text-decoration: none;
}

.letters:hover {
  color:#007acc;
  text-decoration: none;
}

.hoverbottom a {
  color:#3377ff;
  text-decoration: none;
}

.hoverbottom a:hover {
  color: white;
  text-decoration: none;
}


.hoverbottom a:active {
  color: red;
  text-decoration: none;
}

a:hover {
  color: #3377ff;
}

a {
  color: darkslategray;
}



/*2nd part of the page(2nd to the lowest part)*/
.others {
  background-color: black;
  color: white;
  font-family: Trebuchet MS;
}

.Externallinksources {
   font-family: Trebuchet MS;
   font-size: 25px;
}

/*Footer*/
.Gotohover1 a {
  color: white;
  text-decoration: none;
  background-color: black;
}

.Gotohover1 a:hover {
  color: gray;
  text-decoration: none;
  background-color: #3333ff;

}

.Gotohover1 a:active {
  color: red;
  text-decoration: none;
  background-color: #3333ff;

}



.wrapper {
        text-align: center;
    }

.wrapper ul {
       justify-content: center;
      display: flex;
    }

.wrapper li a{
      padding: 14px 16px;
       display: inline;
    }



.myinformation {
    background-color:black;
  }
  
.myinformation td {
    border-bottom: 1px solid gray;
  }


.lastfooter a {
  color: black;
  text-decoration: none;
  background-color: none;

}

.lastfooter a:hover{
  color:black;
  text-decoration: none;
  border-radius:0px;
  background-color:#3333ff;

}



/*Paragraph*/
.pargray {
  color: gray;
}

/*lastclass*/
.lastclass {
      border-radius:4px;
      padding-left: 50px; 
      background-image:url(googlelogo_lightgrey_46x16dp.png);
      background-repeat:no-repeat;
      background-size:50px 18px;">
      }