body {
    background-color: white;
}

header {
   background-color: #b3d1ff;
}
footer {
   display: block;
   position: sticky; 
   background-color: #e6e6e6;
}

h1 {
    color: #808080;
    display: inline;
}

p {
   color: black;
}

a:link {
   color: #808080;
}

a {
   color: #808080;
   text-decoration: none;
}

#content {
   position: relative;
}

#ip4 {
    border-radius: 15px 50px 30px;
    border: 2px solid #ffcc80;
    padding: 05px; 
    background-color: #e6e6e6;
    word-wrap: normal;
    margin-left: 100px;  
    width: 300px;
    height: 155px; 
    overflow: hidden;
}
#ip5 {
    border-radius: 15px 50px 30px;
    border: 2px solid #ffcc80;
    padding: 05px;
    background-color: #e6e6e6; 
    margin-left: 50px;  
    width: 300px;
    height: 155px; 
    overflow: hidden;
}

figure {
    float: left;
    margin: 20px 10px 10px 0;
    position: relative;
}

figcaption {
    padding: 1px; 
    margin: 10px;
}

t1 {

  max-width: 700px;
  width: 270px;
  word-wrap: break-word;
  position: sticky;
  color: #269CEB;
  float: left;
}

t2 {
  float: right;
  position: sticky;
  color: #FF9D00;
}

section:after {
  content: "";
  display: table;
  clear: both;
}

t3 {
  float: left;
  width: 10%;
  height: 1800px;
  background: white;
  border: 4px;
  border-color: black;
  padding: 0px 7px 0px 2px;
}

t4 {
  width: 90%;
  position: absolute;
  left: 11%;
  height: 1850px; 
  background: #f1f1f1;
  padding: 0px 0px 0px 2px;
}

t5 {
}

t5 span {
   margin-left: 25px;
   margin-top: 0px;
   padding: 4px 4px 4px 4px;
   background-color: #dddddd;
}

t51 {
}

t51 span {
   margin-left: 5px;
   margin-top: 0px;
   padding: 0.25px 4px 1px 4px;
   background-color: #dddddd;
}
aside1 {
    width: 40%;
    padding-left: .5rem;
    margin-left: .5rem;
    float: left;
    box-shadow: inset 5px 0 5px -5px #29627e;
    font-style: italic;
    color: #29627e;
}
aside1 > p {
    margin: .0rem;
}

p {
    font-family: 'Fira Sans', sans-serif;
}

#ip6 {
   float: right; 
}



.slider {
  width: 750px;
  height: 750px;
  overflow-x: auto;
}
.slide {
  width: 200px;
  flex-shrink: 0;
  height: 200px;
}

@keyframes slidy {
0% { left: 0%; }
20% { left: 0%; }
25% { left: -100%; }
45% { left: -100%; }
50% { left: -200%; }
70% { left: -200%; }
75% { left: -300%; }
95% { left: -300%; }
100% { left: -400%; }
}

body { margin: 3; }
div#slider { overflow: hidden; }
div#slider figure img { width: 20%; float: left; }
div#slider figure {
  position: relative;
  width: 500%;
  margin: 0;
  left: 0;
  text-align: left;
  font-size: 0;
  animation: 30s slidy infinite;
}