/* 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." */
* {
  margin: 0;
  padding: 0;
}


body {
  background-color: white;
  color: black;
  font-family: 'Lexend-SemiBold', sans-serif;
  font-weight: 400;
  line-height: 25px;
  font-size: 18px;
}

p {
  line-height: 30px;
  box-sizing: border-box;
  padding: 10px 10px;
}

a:link { 
  text-decoration: none;
  color: black;
} 

a:visited { 
  text-decoration: none; 
  color: black;
} 

a:hover { 
  text-decoration: none;
  color: gray;
} 

a:active { 
  text-decoration: none; 
  color: darkred;
}

#press a:link{
  text-decoration: none; 
  color: darkred;
}

@media only screen and (min-width: 768px) {
/* For desktop: */
  .parent {
    height: 86vh;
    margin: 1rem;
    padding: 2rem 2rem;
    text-align: center;
  }
  .child {
    display: inline-block;
    padding: 1.5rem 1.5rem;
    vertical-align: middle;
  }
  
  .topnav {
    display: none;
  }
  
  #pagelist {
    box-sizing: border-box;
    text-decoration: none;
    color: black;
    width:250px;
    height: 86vh;
    text-align: center;
  }
  
  #home {
    width:  70%;
    height: 86vh;
    box-sizing: border-box;
    overflow: scroll;
    text-align: center;
    min-width: 500px;
    padding:0 10%; 
    overflow-x: hidden;  
    }
    
  #about {
    box-sizing: border-box;
    width: 70%;
    height: 86vh;
    overflow: scroll;
    text-align: center;  
    padding:0 10%;
    overflow-x: hidden;  
  }
  
  #cv {
    box-sizing: border-box;
    width: 70%;
    height: 86vh;
    overflow: scroll;
    text-align: center;  
    padding:0 10%;
    overflow-x: hidden;  
  }
  
  #cvtext {
    box-sizing: border-box;
    text-align: center; 
    line-height: 20px;
    overflow-x: hidden;  
  }
    
  }
  
  #thesis {
    box-sizing: border-box;
    width: 70%;
    height: 86vh;
    overflow: scroll;
    text-align: center;  
    padding:0 10%;
    overflow-x: hidden;  
  }
  
  #sculpture {
    box-sizing: border-box;
    width: 70%;
    height: 86vh;
    overflow: scroll;
    text-align: center;  
    padding:0 10%;
    overflow-x: hidden;  
  }
  
  
   #plasterprints {
    box-sizing: border-box;
    width: 70%;
    height: 86vh;
    overflow: scroll;
    text-align: center;  
    padding:0 10%;
    overflow-x: hidden;  
  }
  
  h3 {
    text-decoration: none;
    color: black; 
    font-weight: 400;
    font-size: 20px;
    line-height: 40px;
  }
  
  
  img {
  height: auto; 
  max-width: 200%;
  }

@media only screen and (max-width: 768px) {
  /* For mobile phones: */
  body {
  background-color: white;
  color: black;
  font-weight: 400;
  line-height: 25px;
  font-size: 14px;
  font-family: 'Lexend-SemiBold', sans-serif;
  }
  
  p {
    line-height: 25px;
    box-sizing: border-box;
    padding: 10px 15px;
    font-size: 12px;
  }
  
  a:link { 
    text-decoration: none;
    color: black;
  } 
  
  a:visited { 
    text-decoration: none; 
    color: black;
  } 
  
  a:hover { 
    text-decoration: none;
    color: gray;
  } 
  
  a:active { 
    text-decoration: none; 
    color: darkred;
  }
  
  img {
  height: auto; 
  max-width: 200%;
  }
  
  #logo {
    height: auto;
    max-width: 100%;
  }
  
    .parent {
    margin: 1rem 1rem;
    text-align: center;
  }
   
  #pagelist {
    display: none;
  }
  
  h3 {
    box-sizing: border-box;
    text-decoration: none;
    color: black; 
    font-weight: 400;
    font-size: 13px;
    line-height: 35px;
    padding: 1px;
  }
  

  #home {
   width: 89vw;
   box-sizing: border-box;
   text-align: center;
  }
  
  #about {
   width: 89vw;
   box-sizing: border-box;
   text-align: center;
  }
  
  #cv {
   width: 89vw;
   box-sizing: border-box;
   text-align: center;
   padding: 20px 0;
  }
    
     /* Style the navigation menu */
.topnav {
  overflow: hidden;
  background-color: white;
  position: relative;
}

/* Hide the links inside the navigation menu (except for logo/home) */
.topnav #myLinks {
  display: none;
}

/* Style navigation menu links */
.topnav a {
  color: black;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 14px;
  display: block;
}

/* Style the hamburger menu */
.topnav .icon {
  background: white;
  display: block;
  position: absolute;
  right: 0;
  top: 0;
}

/* Add a dark blue background color on mouse-over */
.topnav a:hover {
  background-color: white;
  color: black;
}

/* Style the active link (or home/logo) */
.active {
  background-color: white;
  color: white;
  
}  
.css-selector {
font-family: 'Lexend', sans-serif;
}
}