.card-1, .card-2, .card-3, .card-4, .card-5 {
    background-color:#109ede;
    margin-bottom:25px;
    padding:10px;
    position:relative;
}
@keyframes slideleft{
    0% {left: 100vw;}
    100% {left: 0vw;}
}
@keyframes slideright{
    0%{left:-100vw;}
    50%{left:-100vw;}
    100%{left:0vw;}
}
@keyframes slideleftdelay{
    0%{left:100vw;}
    67%{left:100vw;}
    100%{left:0vw;}    
}
@keyframes sliderightdelay{
    0%{left:-100vw;}
    67%{left:-100vw;}
    100%{left:0vw;}    
}

.card-1 {
    animation-name:slideleft;
    animation-duration: 1s;
    animation-timing-function: ease;
}

.card-2 {
    animation-name:slideright;
    animation-duration: 2s;
    animation-timing-function: ease;
}

.card-3 {
    animation-name:slideleftdelay;
    animation-duration: 3s;
    animation-timing-function: ease;
}
.card-4 {
    animation-name:sliderightdelay;
    animation-duration: 4s;
    animation-timing-function: ease; 
}

.card-5 {
    text-align: center;
}

.header{
    background-color: #109ede;
}

.container{
    display:flex;
    align-items: center;
    justify-content: center;
}

p {
    color:white;
    max-width: 500px;
    min-width: 300px;
    margin-left:auto;
    margin-right:auto;
}
body{
    background-color: white;
    margin:0px;
    overflow-x: hidden;
    font-family: 'Prompt', sans-serif;
}

h1{
    color:white;
    max-width: 1000px;
    min-width: 600px;
    margin-left:auto;
    margin-right:auto;
}

h2 {
    color:white;
    max-width: 1000px;
    min-width: 600px;
    margin-left:auto;
    margin-right:auto;
}
img {
    width:500px;
    height:300px;
    margin-left:auto;
    margin-right:auto;
}

.leftText {
    margin-right:3%;
}

.rightText {

}

.leftImg {
    flex-basis:30%;
}

.rightImg {

}

.linkDiv a:link, .linkDiv a:visited {
    background-color: #ffffff;
    color: #000000;
    padding: 14px 25px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    transition: 0.3s;
    border-radius: 5px;
  }
  
  .linkDiv a:hover, .linkDiv a:active {
    transition: 0.3s;
    background-color: #a8e3ff;
  }

/*# sourceMappingURL=main.css.map */