@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600;700;800&display=swap");


body,html {
  background-image: linear-gradient(#000001, #131e3f);
  background-attachment: fixed;
  font-family: 'Montserrat', sans-serif;
}

.main {
  display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: center;
   text-align: center;
  min-height: 97vh;
}

.main span {
  text-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
  color: white;
  font-size: 25px;
  font-weight: bold;
}

.main p {
  text-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
  color: white;
  font-size: 15px;
}

header .nav-item {
    padding: .9em;
}

header .nav-link {
    color: black;
}

header .row .col-md-7 {
    padding: 32vmin 1vmax;
    padding-bottom: 35vmin;
    font-family: var(--Rubik-font);
    color: black;
}

header .row .col-md-5 img {
    padding: 19vmin 1vmax;
    max-width: 100%;
}

.card {
    transition: .2s ease;
    color: white;
    background-color: #000001;
    border-radius: 10px;
    border-color: #151617;
}

.card:hover {
    background-color: #000001;
    border-radius: 10px;
    border-color: 151617;
    transform: scale(1.02);
    transition: .2s ease;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}

.animate__animated.animate__shakeY {
    --animate-duration: 14s;
}

h1 {
   text-align: center;
   color: white;
  font-size: 25px;
  font-weight: bold;
  
}

.nav {
  display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: center;
   text-align: center;
   min-height: 10vh;
}

.nav a {
  text-decoration: none;
  color: white;
}

h2 {
   color: white;
  font-size: 25px;
  font-weight: bold;
  
}

p {
  color: white;
  font-size: 15px;

}

li {
  color: white;
  font-size: 15px;
}