body{background: linear-gradient(rgba(129, 162, 218, 1) 0%, rgba(66, 95, 140, 1) 50%, rgba(129, 162, 218, 1) 100%)}



    h1{text-align: center;}
    p{color: white;}
    p{font-weight: 400;}
    h2{color: rgb(170, 192, 200);}
    h1{color: rgb(162, 227, 241);}
    hr{color: grey;}
    footer{color: rgb(96, 136, 136);}

header{
  border: 6px;
  background-color: #4c8ad0;
  border-color: azure;
}



.now{
position: center;
}

.fixed {
  position: fixed;
  bottom: 100;
  right: 0;
  width: 150px;
  height: 150px;
  border: 0px;
  position: center;
}
.relative {
  position: relative;
  top: 0;
  padding: 7px;
}
.static {
  height: 1;
  position: static;
  top: 200px;
  padding: 7px;
  position: center; 
  display: block;
 margin-left: auto;
 margin-right: auto;
 width: 60%;
}
article{
  color:#372e7d
}
div.absolute {
  position: absolute;
  place-content: center;
 left: 500px; 
 top: 500px;
  padding: 7px;
  background-color: #4d7095;
  border: 2px solid #372e7d;
  display: block;
 margin-left: auto;
 margin-right: auto;
 width: 50%;
}
#canadian {
  background-color: #4d7095;
  border: 5px #60d1f1;
}
.sticky {
  position: sticky;
  top: 0;
  padding: 7px;
  background-color: #a3bad4;
  border: 2px solid #867caf;
}