*
{
    margin: 0%;
    
}
body{
    width: 1470px;
}
.navbar2
{

    display: grid;
    grid-template-columns: 25% 50% 25%;
    background-color: #154D71;
    margin: 0;
    color: aliceblue;
    height: 120px;
    position:fixed;
    top:0;
    width: 1470px;
}
.navbar2logo
{
    display: flex;
    gap: 10px;
    justify-content: start;
    align-items: center;

}
.navbar2logo h4
{
    font-weight: bolder;
    font-style: italic;
    text-align: center;
    
}
.navbar2list
{
    display: flex;
    gap: 50px;
    justify-content:start;
    align-items: center;
    font-size: 20px;
    margin-left: 90px;
    
}
.navbar2list a
{
  text-decoration: none;
  color: rgb(240, 236, 236);
}
.login
{
    display: flex;
    gap: 30px;
    justify-content:end;
    align-items: center;
}
.gridhtml
{
    display: grid;
    grid-template-columns:20% 80%;
    grid-template-rows:100px ;
    gap: 20px;
    height:1500px;
}
.leftgrid
{
    background-color: #1C6EA4;
    height:700px;
    text-align: center;
    margin-top: 0px;
    overflow: scroll;
    position:fixed;
    top:120px;
    left: 0;
    width: 370px;
    
    
}
.leftgrid ol
{
    display: flex;
    flex-direction: column;
    gap: 20px;
    justify-content:center;
    align-items:start;
    margin-top: 20px;
    font-size: 24px;
    list-style: none;
    color: aliceblue;
}
.leftgrid li:hover
{
    background-color: white;
    color: black;
    cursor: pointer;
}
.leftgrid a
{
    text-decoration: none;
    color: aliceblue;
}
.rightgrid
{
    margin-top:150px;
    height:1000vh;
    margin-left: 400px;
    width: 1070px;
   /* background-image: url(htmlimages/background2.jpg);
    background-size:1100px 1000vh;*/
    
}
.h1text
{
    margin-top: 10px;
    font-size: 28px;
    font-weight: bolder;

}
.h2class
{
    margin-top: 30px;
    font-weight: bold;
}
.para
{
    font-size: larger;
    margin-top: 5px;
    text-indent: 50px;
    text-align: justify;
   
}
.html5table
{
    font-size: larger;
    text-transform: capitalize;
} 
.basicstructure
{
    margin-top: 50px;
}
.basicstructure ol
{
    font-size: larger;
    margin-top: 20px;
    line-height: 1.5;
    
}

.basicstructurebox
{
    display: grid;
    grid-template-rows: 1fr 1fr 1fr;
    row-gap: 10px;
    column-gap: 10px;
    margin-top: 20px;
   
} 
.rootelement
{
    padding: 10px;
    border: 2px solid black;
    text-align: center;
}
.rootelement p 
{
  font-size: larger;
}
.htmltags
{
    background-color: burlywood;
}
.structuretag
{
   margin-top: 50px;
}
.structuretag table
{
    width: 1000px;
    font-size:24px;
    margin-top: 30px;
    line-height: 1.5;
    
   
}
.structuretag td
{
    text-align:center;
    width: 50%;
    vertical-align: middle;
    border-bottom: 2px solid black;
}
.headingtext
{
     margin-top: 50px;
}
.headingtext table
{
  width: 1000px;
    font-size:24px;
    margin-top: 30px;
    line-height: 1.5;
}
.link
{
     margin-top: 50px;
}
.link table
{
    width: 1000px;
    font-size:24px;
    margin-top: 30px;
    line-height: 1.5;
}
.images-media
{
  margin-top: 50px;
}
.images-media table 
{
    width: 1000px;
    font-size:24px;
    margin-top: 30px;
    line-height: 1.5;
}
.lists
{
  margin-top: 50px;
}
.lists table 
{
    width: 1000px;
    font-size:24px;
    margin-top: 30px;
    line-height: 1.5;
}
.tables
{
  margin-top: 50px;
}
.tables table 
{
    width: 1000px;
    font-size:24px;
    margin-top: 30px;
    line-height: 1.5;
}
.formtag
{
  margin-top: 50px;
}
.formtag table 
{
    width: 1000px;
    font-size:24px;
    margin-top: 30px;
    line-height: 1.5;
}
.semantictags
{
  margin-top: 50px;
}
.semantictags table 
{
    width: 1000px;
    font-size:24px;
    margin-top: 30px;
    line-height: 1.5;
}
.style
{
   margin-top: 50px;
   
}
.style table
{
    width: 1000px;
    height: 200px;
    font-size:24px;
     line-height: 1.5;
}
.specialcharacters-meta
{
   margin-top: 50px;
   
}
.specialcharacters-meta table
{
    width: 1000px;
    height: 200px;
    font-size:24px;
     line-height: 1.5;
}
.elements
{
    margin-top: 50px;
    line-height: 1.5;
   
}
.element
{
    background-color: gold;
}
.elements p
{
    font-size: larger;
    text-indent: 40px;
}
.elements h3
{
  text-indent: 50px;
}
.blocklevel
{
    margin-top: 30px;
}
.blocklevel li
{
   margin-left: 50px; 
   font-size: larger;
   line-height: 1.4;
}
.lists 
{
    margin-top: 20px;
}
.lists li
{
    list-style-type:decimal-leading-zero;
    color:rgb(6, 6, 120);
    font-size: larger;
}
.semantic
{
    margin-top: 30px;
    font-size: larger;
    background-color:skyblue;
}
.semantic li
{
    line-height: 1.4;
}
.dl 
{
    margin-top: 20px;
    margin-bottom: 20px;
}
.dl dt
{
    color: rgb(4, 52, 175);
    font-weight: bolder;
}
.anchortag
{
    margin-top: 30px; 
}
.adefinition
{
    line-height: 1.4;
    font-size: larger;
}
.adefinition img
{
    padding: 10px;
    border: 2px solid black;
    margin-left: 90px;
}
.amethods
{
    margin-top: 30px;
    line-height: 1.5;
    font-size: larger;
  
}
.amethods li
{
    width: 300px;
    list-style-type:lower-roman;
    color: bisque;
    background-color: black;
    border: 2px solid white;
    text-align: center;
    margin: auto;
}
.attributesdef
{
    margin-top: 40px;
    line-height: 1.5;
    font-size: larger;
}
.attributesex
{
    margin-top: 30px;
    font-size: larger;
}
.attributesex table
{
    font-size: larger;
    line-height: 2;
}
.attributesex th
{
    color:black;
    background-color: yellow;
}
.attributesex span
{
    color: red;
    border: 2px solid black;
}
.attributesex p
{
    margin-top: 10px;
    font-weight: bolder;
    font-size: 24px;
}