.title {
    color: green;
}

.video {
    
    text-align: center;
    align-content: center;
    
}

.video-web
{
    
      width:720px;
    height:404px;
}

@keyframes gradient-animation {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}

h1,h2,h3,h4,h5,h6{ /* for all titles */
    font-family: "Plus Jakarta Sans", "Montserrat", Verdana, Geneva, Tahoma, sans-serif;
    line-height: 110%;
    color: #f4f4f4;
}

body {
  font-family: "Plus Jakarta Sans", "Montserrat", Verdana, Geneva, Tahoma, sans-serif;
background: linear-gradient(300deg,deepskyblue,darkviolet,blue);
  background-size: 1000% 100%;
  animation: gradient-animation 18s ease infinite;

}

.center-header{
    
    text-align: center;
    
}
p {
color: #f2f2f2;

}

/* adding scroll?*/
html{

overflow-y: scroll;

}

.intro-fade-in { 

animation: fadeIn 3s; 

 animation-fill-mode: forwards;

}

@keyframes fadeIn {
  0% { opacity: 0; }
  100% { opacity: 1; }
}

  /* CSS for the navigation bar */
    .navbar {
      overflow: hidden;
    }
    
    /* CSS for the navigation links */
    .navbar a {
      float: left;
      color: #f2f2f2;
      text-align: center;
      padding: 14px 16px;
      text-decoration: none;
    }
    
    /* CSS for the social media icons */
    .social-icons {
      float: right;
    }
    
    /* CSS for individual social media icons */
    .social-icons img {
      width: 20px;
      margin-left: 5px;
    }

#rick{
    display: block;
  margin-left: auto;
  margin-right: auto;
  width: 350;
}
#rick-text {
font-size: 1.5vw;
text-align: center;

}

#title {
 opacity: 0;
font-size:5vw;
text-align:center;

}

.show-text {
  opacity: 1 !important;
}



/*thank you w3schools :D
 
 https://www.w3schools.com/css/tryit.asp?filename=trycss3_transition_transform
 */ 
#icon {
  width: 100px;
  height: 100px;
  background: red;
  transition: width 2s, height 2s, transform 2s;
}

#icon:hover {
  width: 200px;
  height: 200px;
  transform: rotate(180deg);
}