html {
  height: 100%;
width:100%;
  margin: 0;
}

body {
font-family: 'Cormorant Garamond', serif;
text-align:left;
background-color: white;
height:100%;
margin: 0;
width:100%;
}



h1 {
font-family: 'Work Sans', sans-serif;
	text-shadow:none;
	font-size: 5vw;
	margin-top:0;
	margin-bottom:0;
	padding-right: 0px;
	margin-right: 0px;
	display:inline;
 /* max-width:500px;*/
}

#click-swap5 {

  color:white;
 
}

#click-swap4 {

  color:white;
 
}

#click-swap3 {

  color:white;
 
}
#click-swap2 {

  color:white;
  
}
#click-swap {


  color:white;
}



h3 {
	color:#666666;
}
 ul {
	list-style:none;
}

#beep1 {
 width:50%;

}

#beep2 {
 width:50%;

}

#restofResume {
	padding-top: 20px;
	width:80%;
}


#mainHeader {
	padding:20px 0px 20px 10px;
	margin-left: 20px;
/*width:100%;*/
}

a {
	text-decoration: none;
	color:black;
}
#mainHeader a {
	color: #262626;
}

#experienceUl h3:hover {
	color:#0099cc
}

#contact {
	color:black;
	font-size: 1em;
	list-style-type: circle;
}
#contact a:visited {
	color:black;
}
#contact a {
	color:black;
}
#mainHeader a:hover {
	color:#ffbf00;
}

#contact a:hover {
	color:#004d99;
}

a:hover {
	color:#3399ff
;
}
h2 {
	padding-left:40px;
	font-family: 'Cormorant', serif;

}

footer {
	padding:10px 30px 10px 30px;
	background-color: #ffe6cc;
    vertical-align:top;

	}


footer a {
	color:black;

}

footer p{
}


#copy {
	display:none;
}

.hidden {
	display:none;
}
#artworkHeader {
	padding-top:20px;
}

#teachingHeader {
    padding-left: 45px;
}
#designHeader {
    padding-left: 45px;
}
#eventsHeader {
    padding-left: 45px;
}
#fabHeader {
    padding-left: 45px;
}

#statement {
	padding-left:40px;
}


        .container > div {

            background-color: white;
            height:75vh;
        }

        .container {
        	display:block;
        /*	grid-template-columns: 50% 50%;
        	grid-row-start: 2;*/
            width:100%;
            margin:0px;
            padding: 0px;
        }

        #imagediv {
        	width:100%;
            overflow-y: scroll;
                   display:inline-block;


            /*background-image:url("/web/20231120192104im_/https://www.chelsearaflo.com/img/hfstill.jpg");
            background-repeat: no-repeat;
            background-size:contain;
            background-position: top;
            min-height: 600px;
            max-width: 1000px;*/

        }

        #imagediv img {
            width:100%;
            
        }

#girl {
	width:500px;
	margin: 50px;
	padding:50px;
}

#projections {
	padding:50px;
	margin:50px;
	width:500px;
}
        
        #contentdiv {
        	margin-right: 10px;
        	            width:100%;
       overflow-y: scroll;
       overflow-x: scroll;
       background-color: rgba(240, 240, 245, .5);
        }

#wwhsii {
  width:100%;
}

#videodiv {
  display:none;
  width:100%;
  background-color:black;
  
            overflow-y: scroll;
}

video {
    display:block;
    margin:auto;
}
#contentdiv {
  display:none;
  width:100%;
            overflow-y: scroll;
}


#gifdiv {
 display:none;
  width:100%;
            overflow-y: scroll;
}

#sculpdiv {
	display:none;
  width:100%;
            overflow-y: scroll;

}

#sculpdiv img {
width:100%;
}


#gifdiv img {
 width:100%;
 margin-bottom:50px;
  
  
}

#gifdiv video {
margin-bottom:50px;
  
  
}





#teachingList li {
    padding-left:50px;
 margin-bottom:20px; 
/*  max-width:500px;*/
}

#designList li {
    padding-left:50px;
   margin-bottom:20px; 
/*  max-width:500px;*/
}

#eventsList li {
    padding-left:50px;
   margin-bottom:20px; 
/*  max-width:500px;*/
}

#fabList li {
    padding-left:50px;
  margin-bottom:20px; 
/*  max-width:500px;*/
}

#skillsList li {
    padding-left:45px;
}
#awardsList li {
  /*max-width:500px;*/
}

#pressList li {
 /* max-width:500px;*/
}

#header-div {
        /*	display:grid;
        	grid-template-columns: 50% 50%;
grid-template-rows:100%;*/
            width:100%;
            margin:0px;
            padding: 0px;
background-color:hsl(210, 22%, 48%);

        }

#content-options {
/*grid-column-start:2;
grid-column-end:3;*/
text-align:left;
padding-left:40px;
background-color:#ffe6cc;
/*display: flex;
  justify-content: center;
  align-items: center;*/


}

#header-div h1 {
grid-column-start:1;
grid-column-end:2;
text-align:left;
}

#content-options h3 {

display:inline-block;
padding-right:60px;
font-size: 2vw;



}
#content-options a {




}

@media only screen and (max-width: 768px) {
  /* For mobile phones: */
  #content-options h3 {
    display:block;
      padding:0px;
      font-size:1.2em;
  }
    #content-options {
        text-align:center;
        padding: 10px 0px;
    }
    #header-div {
    text-align:center;
    }
    #mainHeader {
        padding: 20px 0px;
        margin:0;
    }
    #mainHeader h1 {
        font-size:3em;
    }
    #restOfResume h2 {
        font-size:1.2em;
        padding-left:10px;
    }
    #restOfResume h3 {
        font-size:1em;
        padding-left:0px;
    }
    #restOfResume li {
        padding-left:0px;
    }
    video {
        width:100%;
    }
  }