@font-face {
    font-family: felix-tilting;
    src: url("/font/FELIXTI.TTF");
  }

body{
    background-color: black;
}

h1{
    font-family: felix-tilting;
    text-align: center  ;
    color: white;
}

section{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 100vh;
    width: 100wh;
}

.painting_wrapper{
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-evenly;
    height: 100%;
    gap: 2em;
}

#painting1{
    max-width: 300px;
    margin: 2em;
}

#painting2{
    max-width: 500px;
    margin: 2em;
}

#banner{
    max-width: 1000px;
    margin: 2em;
}

a:visited{
    color: white;
}

ul {
    list-style: none;
    font-family: felix-tilting;
    padding: 0;
  }
  
  li {
    display: inline-block;
    margin-right: 2em;
  }

  p{
    color: white;
  }

@media(max-width : 60rem){
    .painting_wrapper{
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }
    #painting1{
        width: 300px;
    }

    #painting2{
        max-width: 300px;
        margin: 2em;
    }
    
    #banner{
        max-width: 100%;
        margin: 2em;
    }
}