body {
  background-color: #000000;
  color:#ff99d1 ;  
}
.hero h1 {
     font-family: "Averia Serif Libre", serif;
     font-size: 5em;
     color: #FFE0C2 ;
    
}
.worktitles h1 {
     font-family: "Averia Serif Libre", serif;
     font-size: 2.5em;
     color: #FFE0C2;
     padding-left: 40vw;
     padding-bottom: 2.5vw;
     padding-top: 2.5vw;
}
h2 {
     font-family: "Averia Serif Libre", serif;
     padding-left: 5vw;
}
.work {
    padding-left: 5em;
}
.contactinfo {
     font-family: "Nunito", sans-serif;
     color: #FFE0C2;
     padding-left: 5vw;
}
     .linkedin {
padding-top: 2.5em;

}
h4 {
     padding-left: 5vw;
     font-family:"Nunito", sans-serif ;
}
header {
     
     background-color: #100231;
  
    /* padding-right: 5vw;*/
}
nav {
     display:flex;
     justify-content:space-around;
     align-items:center;
}
.menu-title {
     color: #FFE0C2 ;
    font-family: "Averia Serif Libre", serif;
     font-size: 2.5em;

}


.menu, .sub-menu {
     list-style: none;
     padding: 1;
     margin: 1;
     justify-content: center;
     
}
.menu {
     display: flex;
     
}
.menu a  {
     color: #ff99d1;
     text-decoration: none;
     font-family: "Averia Serif Libre", serif;
     font-weight: 600;
     font-size: 2em;
     padding-right: 2.5em;
     display: block;
}
.menu a:hover {
     color:  #FFE0C2;
     background-color: #100231;
}
.sub-menu {
     display: none;
     background-color: #100231;
     padding-top: 1em;
     padding-bottom: 1em;
     
}
.menu-parent {
     position: relative;
}
.menu-parent:hover .sub-menu {
     display: block;
     position: absolute;
     left: 0;
     top: 100%;
     width: 250px;
}
.menu-toggle {
     font-size: 2.5rem;
     display: none;
}

p {
     font-family: "Nunito", sans-serif;
}
.hero {
     background: url(Assets/Constantin-Furlong_Blue\ copy.jpg)no-repeat;
     background-size:cover;
     padding: 15vw 5vw;
   }
     

#myBtn {
  position: fixed; /* Fixed/sticky position */
  bottom: 20px; /* Place the button at the bottom of the page */
  right: 30px; /* Place the button 30px from the right */
  z-index: 99; /* Make sure it does not overlap */
  border: none; /* Remove borders */
  outline: none; /* Remove outline */
  background-color: #ff99d1; /* Set a background color */
  color: white; /* Text color */
  cursor: pointer; /* Add a mouse pointer on hover */
  padding: 15px; /* Some padding */
  border-radius: 10px; /* Rounded corners */
  font-size: 18px; /* Increase font size */
  font-family:"Averia Serif Libre", serif ;
}

#myBtn:hover {
  background-color: #FFE0C2 ; 
}



/* media queries */
@media (max-width: 600px) {
ul {
    flex-direction: column;
    text-align: center;
}

}

/*PICTURES*/
.aboutme {
      background: url(Assets/Cosntantin-Furlong_Self_Portrait\ copy.jpg) no-repeat;
     background-size: cover;
     padding: 30vw;
}
.wassup {
     max-width: 30vw;
     padding: 5vw;
}
.aboutme p{
     font-size: 2.5em;
     margin-top: -25vw;
     margin-left: -5vw;
}
.gallery {
     display: flex;
     flex-direction: row;
     padding-left: 5em;

}
.pic1 {
max-height:30vw;
}
.gallery2 {
     display: flex;
     flex-direction: row;
     justify-content: center;
}
.pic2 {
     max-height: 50vw;
}
.oil {
     max-height: 50vw;
     padding-left: 5em;
}



/*CONTACT FORM*/
/* Style inputs with type="text", select elements and textareas */
input[type=text], select, textarea {
  width: 100%; /* Full width */
  padding: 12px; /* Some padding */ 
  border: 1px solid #ff99d1; /* Gray border */
  border-radius: 4px; /* Rounded borders */
  box-sizing: border-box; /* Make sure that padding and width stays in place */
  margin-top: 6px; /* Add a top margin */
  margin-bottom: 16px; /* Bottom margin */
  resize: vertical /* Allow the user to vertically resize the textarea (not horizontally) */
}

/* Style the submit button with a specific background color etc */
input[type=submit] {
  background-color: #ff99d1;
  color: white;
  padding: 12px 20px;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  font-family: "Averia Serif Libre", serif;
}


input[type=submit]:hover {
  background-color: #FFE0C2;
}

.container {
  border-radius: 5px;
  background-color: #000000;
  padding-left: 5vw;
  padding-right: 5vw;
  font-family: "Averia Serif Libre", serif;
}