body{margin:0;
background-color: #C8DFE5;
}

.hero{background-image: url(../images/background\ \(2\).png);
width: 100%;
height:100vh;
background-image: cover;
text-align: center;
position: relative;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
animation: fadeDown 0.9s ease both;
}


.hero-title{font-family: fraunces;
font-size: 16em;
color: #9d510d;
width:80%;
padding-left: 6%;
position: relative;
}

.citation{font-family: satisfy;
font-size: 2em;
color:#2D127E;
background-color:#D99150;
padding:10px 58px;
 position: relative;
margin:20px;}

.btn01{font-family: inter;
font-size: 1em;
color: white;
background-color: #2D127E;
padding: 10px 68px;
border-radius:8px;
text-decoration: none;
}

#big-label{font-family: fraunces;
    font-size:6em;
color: #D99150;
display: flex;
flex-direction:column ;
letter-spacing: -1px;
font-weight: 900;
line-height: 1;
margin-bottom: 20px;
}

.btn02{font-family: inter;
font-size: 1em;
color: white;
background-color: #2D127E;
padding: 10px 100px;
border-radius:8px;
text-decoration: none;}

#exhibition-text{font-family: inter;
    color: #120145;
    font-size: 18px;
    width: 80%;
    padding-right: 150px;
    padding-top: 40px;
    margin:20px;
    padding-top: 65px;}

#blocleft{width: 30%;
    padding-left: 150px;
    padding-top: 88px;}

.exhibition{display: flex;
    height: 70vh;}

.citation2{font-family:satisfy;
    font-size: 6em;
    color: #1d0e4f;
    border:solid 1px white;
    display: flex;
    text-align: center;
  height: 80px;
  width: 80%;
  padding-left: 170px;
  padding-top: 134px;
  height:390px;

}

.selfportrait{display: flex;
}
#portraitimg{width:40%;
  padding-left: 190px;
}

#presentation-text{width:40%;
  padding-right: 120px;
  font-family: inter;
  font-size: 18px;
  padding-top: 90px;
color:#1d0e4f;}

.btn03{font-family: inter;
font-size: 1em;
color: white;
background-color: #2D127E;
padding: 10px 100px;
border-radius:8px;
text-decoration: none;}