body {
  padding-top: 40px;
  padding-left: 40px;
  padding-bottom: 40px;
  padding-right: 40px;
  box-sizing: border-box; 
  background-image: linear-gradient(45deg, rgba(241, 124, 88, 0.2), rgba(233, 69, 132, 0.2), rgba(36, 170, 219, 0.2), rgba(39, 219, 177, 0.2), rgba(255, 220, 24, 0.2), rgba(255, 55, 6, 0.2));
  background-size: 600% 100%;
  animation: gradient 20s linear infinite;
  animation-direction: alternate;
}
.container-fluid, .container-fluid * {
  overflow-x: display; }

@media screen and (max-width: 992px) {
  body {
    padding: 40px; 
    font-size: 1em;} }

@media screen and (max-width: 768px) {
  body {
    padding: 30px; 
    font-size: .9em;} }

@media screen and (max-width: 667px) {
  body {
    padding: 20px; 
    font-size: .7em;
    font-weight: 400;} }

.site-nav {
  font-size: 2.7em;
  font-family: 'Inter', serif; 
  font-weight: 400;
  color: #1D1D1D; }
  .site-nav a {
    color: #1D1D1D;
    text-decoration: underline; }
  .site-nav a:hover {
    cursor: pointer;
    color: transparent;
    text-shadow: 0 0 10px #1D1D1D; } }


.top-buffer {
  margin-top: 10px; }

img.img-responsive:hover {
  -webkit-filter: blur(5px) !important; }

#content a {
  text-decoration: underline;
  color: #1D1D1D; }

#content a:hover {
  cursor: pointer;
  color: transparent;
  text-shadow: 0 0 5px #1D1D1D; }
  @keyframes gradient {
      0% {background-position: 0%}
      100% {background-position: 100%}
  }