/* CSS is how you can add style to your website, such as colors, fonts, and positioning of your
   HTML content. To learn how to do something, just try searching Google for questions like
   "how to change link color." */

body {
  background-image: url('images/art_page/desktopwallpaper.jpg');
  background-repeat: no-repeat;
  background-position: bottom;
  background-attachment: fixed;
    background-size: cover;
  font-family: Verdana;
  color: white;
}

div {
   width: 700px;
  margin: auto; 	
  border-radius: 5px;
  justify-content: center;
  align-items: center; 
}


.firstimage {
    width: 600px;
    height: 400px:
}

.gallery {
  justify-content: center;
  align-items: center; 
  border-width: thick;
    border-radius: 0px;
    border-style: solid;
    border-color: white;
  margin: auto;
  width: 710px;
    height: 500px;
  background-color: lightskyblue;
    position: absolute;
    top: 120px;
    left: 380px;
    overflow-y: scroll;  
}

#top {
  width: 500px;
    height: 200px;
  margin: auto; 	
  border-radius: 5px;
  justify-content: center;
  align-items: center; 
  display: flex;
    position: relative;
    top: -20px;
    left: 0px;
}

#frame {
    position: absolute;
    left: 250px;
    top: 280px;
    transform: rotate(0deg);
    background-color: azure;
    
}

#artbutton1 {
    position: absolute;
    left: 0px;
    top: 300px;
}

#artbutton2 {
    position: absolute;
    left: 160px;
    top: 150px;
}

#artbutton3 {
    position: absolute;
    left: 160px;
    top: 450px;
}

#artbutton4 {
    position: absolute;
    right: 160px;
    top: 150px;
display: flex;
    width: 200px;
    height: 200px;
  margin: 0px; 	
  border-radius: 5px;
  justify-content: center;
  align-items: center;     
}

#artbutton5 {
    position: absolute;
    right: 20px;
    top: 300px;
display: flex;
    width: 200px;
    height: 200px;
  margin: 0px; 	
  border-radius: 5px;
  justify-content: center;
  align-items: center;  }

#artbutton6 {
    position: absolute;
    right: 160px;
    top: 450px;
display: flex;
    width: 200px;
    height: 200px;
  margin: 0px; 	
  border-radius: 5px;
  justify-content: center;
  align-items: center;  }

#artbutton7  {
    position: absolute;
    left: 270px;
    top: 100px;
}