@import url('https://fonts.googleapis.com/css2?family=Andika:ital,wght@0,400;0,700;1,400;1,700&family=Charm:wght@400;700&display=swap');



.linkPhoto:hover{
  transform: scale(1.3);
  filter: brightness(50%);
}

h5{
    text-align:center;
    font-family: 'Andika';
    padding-bottom: 5px;
    font-size: 20px;
    color: white
}

h1{
    font-family: 'Charm';
    color: white;
    font-size: 60px;
    text-align: center;
}

h2, h3{
    font-family: 'Andika';
    padding-bottom: 20px;
    font-size: 40px;
    color: white
}

p{
    padding: 20px;
    font-family: 'Andika';
    font-size: 25px;
    padding-bottom: 20px;
    color: white
}

.sources{
    background-color: #C79F43;
    margin: 20px;
}

ul{
  list-style-type: none;
  background-color: #C79F43;
  overflow: hidden; 
  padding: 1em; 
  font-family: 'Andika', monospace;
  text-align: center; 
}

.side{
    float:right;
    width:250px;
    padding-left: 30px;
}

.takeUpScreen img{
    height: 550px;
    width: 100%;
    margin:auto;
    display:block;
}

li{
    display: inline; 
}

li a{
  text-decoration: none;
  color: #fdf0d5;
  font-size: 1.3em;
  padding: 1em;
}

li a:hover{
  background-color: #580F0E;
}

body{
    background-color: #222E50;
}

.column {
  float: left;
  width: 40%;
  padding: 5px;
}

.row{
    text-align:center;
    padding-left: 195px;
}

/* Clear floats after image containers */
.row::after {
  content: "";
  clear: both;
  display: table;
}

.linkPhoto{
    display:block;
    margin: auto;
}

.size1 img{
    width: 100%;
    height: 90px;
    padding-bottom:50px;
}