@import url('https://fonts.googleapis.com/css?family=Dancing+Script:500|Simonetta|Spartan:300&display=swap');

body{
  padding:20px;
  font-family: 'Simonetta';
  display: grid;
  grid-template-areas:'header header header header'
                      'main main main aside'
                      'main main main aside'
                      'footer footer footer aside'; 
}

img{
  max-width: 100%;
}

p{
  text-indent: 14pt;
}

h1,figcaption{
  text-align: center;
}

h1{
  font-size: 36pt;
}

li{
  list-style-type: none;
}

h2{
  border-bottom:5px solid;
}

header{
  grid-area: header;
  padding:20px;
}

main{
  grid-area: main;
  padding:20px;
  border:5px solid #EB7A77;
}

aside{
  grid-area: aside;
  padding:20px;
  border:5px solid #FFB11B;
}

aside h2{
  text-align: center;
}

footer{
  grid-area: footer;
  padding:20px;
  border:5px solid #1B813E;
}

ul,li{
  margin: 0;
  padding:0;
}

iframe{
  width: 100%;
  height: 500px;
  margin: auto;
  display: block;
  border:none;
  border-radius: 10px;
  box-shadow: 0 30px 30px 0 rgba(0,0,0,0.24)
}

.link-container{
  display: flex;
  flex-direction: column;
}

.timeline li::before{
  content: "";
}

.timeline i{
  color: white;
  background-color: #2EA9DF;
  margin: 2px 0;
  border:1px solid #2EA9DF;
  padding: 0 4px;
  border:3px solid #2EA9DF;
}

.timeline strong{
  text-align: center;
  color: #00AA90;
  background-color: white;
  margin:5px 0;
  border:1px solid #2EA9DF;
  width: 20%;
  display: inline-block;
  padding: 2px 4px;
  font-family: 'Spartan';
}

.cons{
  color:#0089A7;
}

.pros{
  color:#DB4D6D;
}