@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');

/* https://fonts.google.com/specimen/Open+Sans?stroke=Sans+Serif&vfonly=true */

*{padding:0;border:0;margin:0;box-sizing:border-box;}

body {
  /*background-color:#fff;*/ /*#344650*/
background: #dbf7ff;
background: linear-gradient(180deg,rgba(219, 247, 255, 1) 0%, rgba(149, 254, 177, 1) 63%, rgba(247, 208, 234, 1) 100%);
  color: #000;
  font-family: "Open Sans", sans-serif;
  font-weight: 600;
  font-style: italic;
  font-size:16px;
  letter-spacing:2px;
  line-height:22px;
  /*margin:-5px auto 30px auto;*/
margin:30px auto;
  margin-top:50px;
  margin-bottom:50px;
  /*width:1000px;*/
}

p{
  font-weight: 400;
  font-style: normal;
  letter-spacing:1px;
  line-height:23px;
}

b{
    font-weight: 700;
    letter-spacing:1px;
    line-height:23px;
}

.citation{
    font-size:13px;
    letter-spacing:1px;
    line-height:16px;
}

h1{
  font-family: "Open Sans", sans-serif;
  font-weight: 700;
  font-style: italic;
  text-transform:uppercase;
  font-size:50px;
  letter-spacing:10px;
  padding-bottom:30px;
  margin:90px auto 20px auto; /*77px 20px 20px 20px;*/
  text-align:center;
  color: #333; /*#e86f66;*/ /* #333 */
  /*float:left;*/
  text-shadow: -2px 2px 2px #333333;
  -webkit-text-stroke: 1px #90fc03;
  text-stroke: 1px #90fc03; /* #fc9803 */
}

/*@supports (-webkit-text-stroke: 1px black) {
  h1 {
    -webkit-text-stroke: 1px yellow;
    -webkit-text-fill-color: white;
  }
}*/

/*.homeh1{
  font-family: "Open Sans", sans-serif;
  font-weight: 700;
  font-style: italic;
  text-transform:uppercase;
  font-size:50px;
  letter-spacing:10px;
  padding-bottom:0;
  border-bottom:1px dashed #ebbd34;
  margin:0;
    color: #333;
    width:1px;
    height:1px;
    overflow:hidden;
}*/

.homeh1{
  font-family: "Open Sans", sans-serif;
  font-weight: 800;
  font-style: normal;
  Text-transform:lowercase;
  font-size:90px;
  line-height:80px;
  letter-spacing:2px;
  /*padding-bottom:0;
  border-bottom:1px dashed #ebbd34;*/
  Margin:20px 20px 0px 20px;
  color: #333;
}

header{
  height:70px;
  border-bottom:6px solid #15365c; /* #4f668c #ebbd34 */
}

h2{
  font-family: "Open Sans", sans-serif;
  font-weight: 800;
  font-style: normal;
  text-transform:lowercase;
  letter-spacing:2px;
  line-height:30px;
  font-size:26px;
  color: #fc6a96; /* #333 */
  text-shadow: -1px 1px #333;
  margin:30px 20px 20px 20px;
  clear:both;
}

h3{
  font-family: "Open Sans", sans-serif;
  font-weight: 600;
  font-style: italic;
  letter-spacing:1px;
    line-height:30px;
    font-size:26px;
    color: #333;
    margin-bottom:10px;
  clear:both;
}

h4{
  font-family: "Open Sans", sans-serif;
  font-weight: 600;
  font-style: italic;
  letter-spacing:1px;
    line-height:25px;
    font-size:22px;
    color: #333;
    margin-bottom:7px;
  clear:both;
}

a, a:visited{
    color:#15365c; /*#4f668c #ebbd34;*/
    text-decoration:none;   
}

a:hover, a:active{
    text-decoration:underline;    
}

img{
  width:100%;
  margin-bottom:20px;
  /* aspect-ratio: 1 / 1; aspect-ratio: 4 / 3;*/
}

.date{
  margin-top:25px;
  margin-bottom:25px; /*20px*/
}

.big{
  font-size:26px;
  line-height:32px;
}

.theme{
  font-family: "Open Sans", sans-serif;
  font-weight: 600;
  font-style: italic;
  text-transform:uppercase;
    font-size:26px;
    color: #333;
    line-height:32px;
    display:block;
    margin-bottom:-14px;
}

.curator{
   font-weight: 600;
  font-style: normal;
  letter-spacing:1px;
    line-height:30px;
    font-size:26px;
    /*color:#15365c;*/
    color:#333;
}

.curator a{
    color:#15365c;
}

  .proposals{
    font-weight:700;
    display:block;
    padding:10px;
    width:280px; /*250*/
    background-color:#333; /*#15365c;*/
    border-radius:2px;
    text-align:center;
	margin-left:20px !important;
  }
  
  .proposals a, .proposals a:visited{
    color:#fc5e03; /* #15365c; */
    color:#fff;
  }
  
  .proposals:hover{
    background-color:#4ca663; /* #5fc278; #90fc03*/
  }
  
  .proposals a:hover, .proposals a:active{
    text-decoration:none;
  }
  
  nav{
    position:fixed;
    top:0;
    z-index:5;
    background-color: #15365c;
    width:100%;
  }
  
  nav a{
    font-weight:700;
    display:inline-block;
    padding:9px;
    /*background-color:#4f668c;*/ /* #ebbd34 */
    /*border-radius:2px;*/
    text-align:center;
    color:#fff;
    margin:0 0px 0 0;
    border:1px solid #fff;
    width:20%;
    overflow:hidden;
  }
  
  nav a, nav a:visited{
    color:#fc6a96;
    color:#fff;
  }
  
  nav a:hover, nav a:active{
    background-color:#fc6a96; /*#fc6a96;*/
    text-decoration:none;
  }
  
  h3, p{
    margin:0 20px;
  }
  
  .flexed-item-33 h3, .flexed-item-33 p{
    margin:0;
  }
  
  .flexed-item-33 img{
   margin-bottom:8px; 
  }
  
  .call{
    font-weight:700;
    /*color:#fc6a96;*/
  }

.flex-container {
	display: -webkit-flex;
	display: flex;
	width: 100%;
	flex-direction:row; /* can also do column */
	flex-wrap:nowrap; /* the boxes don't go to the next line */
	/*margin-top:-30px;*/
	clear:both;
	position:relative;
	padding:0 20px 30px 0px;
}

.homepage .flex-container{
  padding:0px;
}

.flexed-item-25 {
	/*border:0px solid #000;
	margin:10px;*/
	width:25%;
	padding:0 0 0 20px;
}

.flexed-item-33 {
	/*border:0px solid #000;
	margin:10px;*/
	width:33%;
	padding:0 0 0 20px;
}

.flexed-item-50 {
	/*border:0px solid #000;
	margin:10px;*/
	width:50%;
	padding:0;
}

.flexed-item-75 {
	/*border:0px solid #000;
	margin:10px;*/
	width:75%;
}

.flexed-item-100 {
	/*border:0px solid #000;
	margin:10px;*/
	width:100%;
}

.name{
	/*height:70px;*/
}

.artwork{
  margin-top:0px;
}

  .homeimg{
    width:100%;
  }

h1 a, h1 a:hover, h1 a:active, h1 a:visited{
    color: #fc6a96;
    text-decoration:none;
}

@media screen and (max-width: 900px) {
  
 nav a{
  font-size:14px;
 }
 
}

@media screen and (max-width: 720px) {
  
  /* 3.7rem */
  h1{
    font-size:45px;
    line-height:40px;
    margin:70px 20px 20px 20px;
  }
  
  .name{
    font-size:1.5rem;
  }
  
  .homeimg{
    width:100%;
  }
  
  nav a{
    font-size:10px;
  }
 
}

@media screen and (max-width: 670px) {
  
  .flexed-item-33, .flexed-item-50 {
	  	width:100%;
	    margin-right:0px;
  }
  
  .flex-container {
	  flex-direction:column;
	  /*margin-top:0px;*/
  }
  
  h1{
    font-size:45px; /* 3.7rem */
    line-height:40px;
    margin:70px 20px 20px 20px;
   /* background: transparent url("https://spiritualmachines.neocities.org/images/cover_2_vector2.svg") no-repeat center center; 
    background-size: 60%;
    font-size:4px;
    text-indent:-400px;
    overflow:hidden;*/
  }
  
  header{
  height:112px;
  }
  
  img{
    width:96%;
  }
  
  .homeimg{
    width:100%;
  }
  
  p, h3{
    width:95%;
  }
  
  .date{
    /*margin-top:0px;
    margin-bottom:20px;*/
  }
  
  .big{
    display:block;
    margin-bottom:20px;
  }
  
.artwork{
  margin-top:30px;
}

.first{
  margin-top:-30px;
}

.flex-container {
	padding:0px;
}

.flexed-item-50 .big{
 margin:0; 
}

.flexed-item-50{
  margin-bottom:30px;
}

 nav a{
  font-size:8px;
 }

.homeh1{
  font-size:45px;
  line-height:40px;
}
  
}