body {
  background: linear-gradient(to bottom right, rgb(24, 24, 24),rgb(36, 36, 36), rgb(53, 53, 53), rgb(73, 73, 73));
  font-family: 'Times New Roman', Times, serif !important;
  color: antiquewhite !important;
  font-size: x-large !important;
  cursor: default;
}

a {
color: antiquewhite !important;
text-decoration: none !important;
}

.row {
  text-align: center !important;
  justify-content: center !important;
  align-items: center !important;
  margin-top: 15vw !important;
  margin-bottom: 15vw !important;
}

h1 {
  font-size: 7vw !important;
  animation: animate 3s linear infinite;
  text-shadow: 0 0 50px antiquewhite, 0 0 100px antiquewhite, 0 0 150px antiquewhite,
    0 0 200px antiquewhite;
  font-weight: bold !important;
}

#button {
font-size: 3vw;
text-shadow: 0 0 50px antiquewhite, 0 0 100px antiquewhite, 0 0 150px antiquewhite,
0 0 200px antiquewhite !important;
}

a:hover {
color: rgb(36, 36, 36) !important;
}

#button,
#github,
#codepen,
#instagram,
#facebook {
font-size: 7vw;
color: antiquewhite;
border-radius: 10px;
padding: 10px 10px;
margin: 4px;  
animation: animate 3s linear infinite !important;
text-shadow: 0 0 50px antiquewhite, 0 0 100px antiquewhite, 0 0 150px antiquewhite,
0 0 200px antiquewhite !important;
}

@keyframes animate {
  0% {filter: brightness(50%);}
  50% {filter: brightness(150%);}
  100%{filter: brightness(50%);}
}

.breadcrumb {
  background-color: transparent !important;
  color: antiquewhite !important;
  font-size: 2vw;
}

.container {
  max-width: 95vw;
  min-width: 95vw;
}