body{
  padding:0 0;
  font-family:"Trebuchet MS",Arial,Helvetica,sans-serif;
  font-size:.9em;
  line-height:1.6em
}

.container{
  max-width: 1150px;
  position: relative;
}

img{
  width:100%;
  padding:0
}
#content a{
  color:#ff8c00
}
#content h2{
  font-size:32px
}
#content p{
  font-size:16px
}

#content h2{
  font-family:Georgia,"Times New Roman",Times,serif
}
#content img.header{
  margin-bottom:20px
}
#content ul{
  list-style-type:square
}
#content li.done{
  color:green;
  text-decoration:line-through
}
#content li{
  font-size:16px
}
.imgs div{
  padding-bottom:25px;
  max-height:300px
}
.imgs img{
  padding-bottom:25px;
  object-fit:contain;
  width:100%;
  height:300px
}
.gifs img{
  object-fit:cover
}
#content p.images-text{
  margin-top:-15px
}

@media (max-width:767px){
  h2{
      margin-top:25px
  }
}


.bigButton{
  background: linear-gradient(to bottom, #E6A551, #F75C40);
  color: white !important;
  padding: 25px 50px;
  font-size: 28px;
  text-decoration: none;
  position: absolute;
  top: 15px;
  right: 50px;
  border-radius: 50px;
  box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.5);
  text-transform: uppercase;
  font-weight: bold;
  letter-spacing: 2px;
  transition: background 0.3s;
  cursor: pointer;
}

.bigButton:hover {
  background: linear-gradient(to bottom, #FFCC00, #FF5722); 
}