body {
  caret-color: transparent;
  background-image: url(/swift.gif);
  background-size:300px;
  ::selection {
  background: #61ff05;
}


  letter-spacing: -1.5px;
    font-size: 20px;
    margin:6px;
  padding:3px;

a {text-decoration-thickness: 1px;
font-weight: 600;
} 


a:link {color: #1414ff;}
a:visited {color: deepskyblue;}
a.blue:visited{color: #1414ff;}
a:hover{color:  red;font-family: Arial, Helvetica, sans-serif;font-size: 18px;}




p{margin: 3px;    line-height: 0.9;
} 
hr {
  margin-left: 0;
  margin-right: 0;
  margin-top:5px;
  margin-bottom:1px;
}

img {user-select: none; text-decoration: none;}



.site {display:flex;
  margin-top:auto;
  margin-bottom:auto;
}


.box1 {height: 450px;
width: 350px;
display: flex;
   overflow:scroll;
  scrollbar-width: none;
  font-size:18px;
  color:ghostwhite;
}


.main {height:600px;

width:780px;
border: 1px solid blue;
display:flex;
justify-content:auto;
align-items:auto;
margin-top:auto;
margin-bottom:auto;
padding:3px;} 

.notsidebar {width: 650px; height: 450px; display: flex;
 
}

.sidebar
 {border-right:1px solid blue;
 padding-right:4px;
background-position: top center ;
background-size: contain;
width:125px;
height:450px;
overflow-y:scroll;
overflow-x:hidden;
scrollbar-width: none;
display: inline-flex;
flex-direction: column;
justify-content: left;
align-items: left;
margin-right:3px;
position:relative;

 }




h4{
  font-size: 22px;
   transform: scale(1, 1.5);
padding:3px;
margin:3px;
  color:red;
  display: block;
  margin-block-start: 0px;
  margin-block-end: 0px;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
  font-style: italic;
  font-weight: bold;
  unicode-bidi: isolate;
}

h3 {
  font-size: 22px;
  font-family: 'Times New Roman', Times, serif;
  padding-left:20px;
  margin: none;
  color: #1414ff;
  display: block;
  margin-block-start: 0px;
  margin-block-end: 0px;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
  font-weight: bold;
  
  unicode-bidi: isolate;
}

.top {height:125px;
width:780px;
border-bottom: 1px solid blue;
                     position:relative;
                     overflow: hidden;
                       display: flex;
                     margin-bottom: 3px;

                       

                 }
                 
.left{    
    transform: skewX(15deg);
    -webkit-transform: skewX(15deg);
    -moz-transform: skewX(15deg);
    -o-transform: skewX(15deg);
    -ms-transform: skewX(15deg);
    font-weight: 400;
    padding-bottom:5px;
    font-size: 18px;
}

.box.p{margin-bottom: 30px;}



.leftheader{    
    transform: skewX(15deg);
    -webkit-transform: skewX(15deg);
    -moz-transform: skewX(15deg);
    -o-transform: skewX(15deg);
    -ms-transform: skewX(15deg);
    font-weight: 400;
    padding-bottom:5px;
    font-size: 40px;
    font-family: Arial, Helvetica, sans-serif;
}


.box {border:1px solid;
color: white;
max-width: 780px;
max-height: 600px;
padding: 3px;
} 


span  {text-align: right;}

.sitemap{overflow-y:auto;
overflow-x:hidden;
scrollbar-width: none;
scrollbar-color:transparent transparent;
display:flex;
  border:none;
  float:right;
  height:450px;
  width: 300px;
  align-content: right;
  justify-content: right;
  margin-left: 3px;
}
  
   .special{
  font-size: 22px;
   transform: scale(1, 1.5);
margin-left:5px; 
margin-right:0px;
margin-top:3px;
margin-bottom:5px;
padding-bottom:5px;
  color:red;
  display: block;
  margin-block-start: 0px;
  margin-block-end: 0px;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
  font-style: italic;
  font-weight: bold;
  unicode-bidi: isolate;
}

ul {
  list-style-type: " ";
  border-left: 2px dashed blue;
  padding-left: 5px;
  align-content: left;
  display: inline-flex;
  position: relative;
  flex-direction: column;
  margin-left: 10px;
margin-top:7px;
margin-bottom:5px;
}

li{font-family: 'Times New Roman', Times, serif; font-size: 20px;
}
                 
.base {
  display: flex;
  flex-direction: row;
                       position:relative;
                       width: 780px;
                       height: 450px;

}

footer {width: 780px;
    font-weight: 400;
    padding-bottom:5px;
    font-size: 15px;
    color: black;
    background-color: #5475d9;
font-family: Arial, Helvetica, sans-serif;
display: flex;
  justify-content: space-between;
  margin-top: auto;
}

h5 { 
padding-left:18px;
padding-top: 5px;
margin-top:auto;
margin-left:12px;
margin-bottom: auto;
  color:black;
  display: block;
   font-weight: 900;
   transform: scale(1.2,1);
      font-family:sans-serif;
      font-size: 16px;
  margin-block-start: 0px;
  margin-block-end: 0px;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
  unicode-bidi: isolate;}
    
    
.button {position: absolute;
  top: 13px;
  left: 13px;
 
}

.button1 {position: absolute;
  top: 445px;
  left: 700px;
 
}
    
    .headertext {color: white;
      text-align: right;
      width: 670px;
      font-weight: 900;
      font-family: Arial, Helvetica, sans-serif;
      font-size: 20px;
      margin-top: auto;
      margin-bottom: auto;
      -webkit-text-stroke: 1.5px black;
       text-shadow: 2px 2px 8px white;
        transform: scale(1.3, 1.6);
         letter-spacing: -2.5px;
      
    }

}

.square {height:300px;width:350px;position: absolute; overflow: scroll; scrollbar-width: none;
padding-top: 3px;
    bottom: 0;background-image: url("https://i.pinimg.com/736x/22/14/bb/2214bb070b824dd7bfa57960cd18a6fe.jpg");background-size: cover;}