body {background-color: black;
    margin: auto;}

hr{border: 1px solid  #EEE281;}

header {height: 205vh;
    align-items: center;
    margin-bottom: 20px;}
    
nav{display: flex;
    justify-content: space-between;
    align-items: center;
    height: 65px;}

#logo{
    height: 40px;
    width: auto;
    margin-left: 10px;}

#nav_list{display:flex;
    list-style:none;
    gap: 6rem;
    padding-right:30px;
    padding-top: 16px;}

a {color:white;
    text-decoration: none;
    font-family: 'Inter', sans-serif;
    font-size: 12px;}

h1{font-family:'Irish Grover', system-ui;
    font-size: 128px;
    color: white;
    text-align: center;
    margin-bottom: -25px;
    margin-top: 0;}
    
h2{font-family:'Instrument Serif', serif;
    font-size: 32px;
    color: white;
    margin-top: 45px;
    margin-bottom: 10px;
    margin-left: 5%;}

#slogan{ margin-left: 55%;}

#slogan:hover{
    background: -webkit-linear-gradient(45deg,rgba(25, 6, 194, 1) 10%, rgba(219, 72, 4, 1) 15%, rgba(238, 253, 29, 1) 28%, rgba(52, 107, 29, 1) 16%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;}

header img{width: 96%;
    padding-bottom: 30px;
    margin: auto;
    height: auto;
    display: block;}


.exhibition{margin-left: 5%;
    margin-right: 5%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 35px;}

#paintings{width: 788px;
    height: auto;
    background-image: url(../images/tout-removebg-preview.png);
    background-size: cover; }


#text1{max-width: 500px;
    height: auto;}

p{font-family: inter;
    font-size: 16px;
    color: white;}

h3{font-family: inter;
    font-size: 20px;
    color: white;}   

.master{display: flex;
    margin-left: 5%;
    margin-right: 5%;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 9px;
    align-items: center;}

#text2{max-width: 50%;
    height: auto;}

#van_gogh{height: 398px;
    width: 298px;
    display: block;
    margin: 0 auto}

.info{display: flex;
   align-items: flex-start;
  justify-content: space-between;
  margin-left: 5%;
  margin-right: 5%;
  flex-wrap: wrap;}

.button{ background-color: #EEE281;
    font-size: 14px;
    border-radius: 5px;
    border: none;
    color: black;
    padding: 10px 30px;
    text-align: center;
    text-decoration: none;
    cursor: pointer;}

.button:hover{background-color: gold;
    margin-top: 20px;}

#footer{display: flex;
        justify-content: center;
        margin-top: 32px;
        gap: 10px;}

#footer img{height: 40px;
            width: auto;}

footer p{font-size: 10px;
        text-align: center;
        margin-top: 30px;
        margin-bottom: 20px;}



 @media (max-width: 765px) {

            header{height: auto;}
            
            #nav-list{display: flex;
                    flex-direction: column;
                    text-align: right;}

            #paintigs{min-width:500px;
            min-height: auto;}

            .master{align-items: start;}


            
            }