body {
	::selection {background:#000000; color:#ffffff;}
	::-moz-selection {background:#000000; color:#ffffff;}
    margin: 0px;
}

h1{
    font-family: 'EB Garamond', serif;
    font-size: 36px;
    text-align: center;
    line-height: 48px;
    font-weight: 400;
    cursor: url('icons/oom_icon160.png'), auto;

}

ritual_title{
   font-family: 'EB Garamond', serif;
    font-size: 14px;
    text-align: center;
    line-height: 20px;
    font-weight: 400;
}

ritual_subtitle{
   font-family: 'EB Garamond', serif;
    font-size: 16px;
    text-align: center;
    line-height: 14px;
    font-weight: 400;
}

ritual_manualtitle{
   font-family: 'EB Garamond', serif;
    font-size: 40px;
    text-align: center;
    line-height: 60px;
    font-weight: 400;
}

ritual_indent{
    font-family: 'EB Garamond', serif;
    font-size: 14px;
    font-style: normal;
    text-align: left;
    line-height: 14px;
    text-indent: 80px;
}

p{
    font-family: 'EB Garamond', serif;
    font-size: 14px;
    font-style: normal;
    text-align: center;
}

.left{
    font-family: 'EB Garamond', serif;
    font-size: 14px;
    font-style: normal;
    text-align: left;
    line-height: 21px;
}


html { 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-color: #f8a594;
    margin: 0px;

}

.common{
    height: 300px;
    font-size: 14px;
	padding-top:300px;
    color: black;
    text-align: center;
    vertical-align: middle
    background-color: #f8a594;
        
}

.inline {
    
    padding-left: 60px;
    padding-right: 60px;
}

.green{
    width: 450px;
	text-align:left;
	margin-left:auto;
    margin-right:auto;
    margin-top: 60px;
    color: black;
    text-align: left;
    background-color: #8ac898;
    padding: 45px;
    z-index: 5;
}

.yellow{
    width: 300px;
    height: 390px;
    font-size: 18px;
	margin-left:600px;
    margin-top:-60px;
    color: black;
    text-align:center;
    background-color: #d7cc76;
    padding: 45px;
    z-index: 6;
    
}

.blue{
    width: 480px;
	font-family: 'EB Garamond', serif;
    font-size: 18px;
	text-align:center;
	margin-left:-600px;
    margin-top:-400px;
    color: black;
    text-align: center;
    background-color: #838bc4;
    padding: 45px;
    z-index: 7;  
}

.purple{
    width: 350px;
	font-family: 'EB Garamond', serif;
    font-size: 18px;
	text-align:center;
	margin-left:-400px;
    margin-top:-30px;
    color: black;
    text-align: left;
    background-color: #BD84B9;
    padding: 45px;
    z-index: 7;  
}

.green-thanks{
    width: 300px;
	font-family: 'EB Garamond', serif;
    font-size: 18px;
	text-align:center;
	margin-left:10px;
    margin-top:-120px;
    color: black;
    text-align: left;
    background-color: #8ac898;
    padding: 45px;
    z-index: 7;  
}

.axis_rotate {
  animation-name: spin;
  animation-duration: 5000ms;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  /* transform: rotate(3deg); */
  /* transform: rotate(0.3rad);/ */
  /* transform: rotate(3grad); */
  /* transform: rotate(.03turn);  */
}

@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

a:link {text-decoration: underline; color: #000000; border-bottom: 0px solid black}
a:visited {text-decoration: none; color: #000000; border-bottom: 1px solid black}
a:active  {text-decoration: none; color: #000000; border-bottom: 1px solid black}
a:hover {text-decoration: none; color:#000000;border-bottom: 0px solid black}


::-moz-selection { /* Code for Firefox */
  color: #f8a594;
  background: black;
}

::selection {
  color: #f8a594;
  background: black;
}

.common-top{
    height: 50px;
    font-size: 14px;
	padding-top:50px;
    color: black;
    text-align: center;
    margin-top: 0px;
    background-color: #f8a594;
    cursor: url('icons/oom_icon160.png'), auto;
    }

.purple-ritual-list{
    width: 450px;
	font-family: 'EB Garamond', serif;
    font-size: 16px;
    color: black;
    background-color: #BD84B9;
    padding: 40px;
    margin-top: 120px;
    margin-left: 120px;
    z-index: 7;  
    }


.ritual-1-blue{
    width: 360px;
    background-color: #838bc4;
    padding: 60px;
    margin-top: 120px;
    margin-left: 500px;
    z-index: 7;  
    text-align: center;
    }

.ritual-2-green {
    width: 360px;
    background-color: #8ac898;
    padding: 60px;
    margin-top: 180px;
    margin-left: 300px;
    z-index: 7;  
    text-align: center;
    }

.ritual-3-yellow {
    width: 360px;
    background-color: #d7cc76;
    padding: 60px;
    margin-top: 210px;
    margin-left: 340px;
    z-index: 7;  
    text-align: center;
    }


.film-yellow {
    width: 420px;
    height: 600px;
	font-family: 'EB Garamond', serif;
    font-size: 18px;
	text-align:left;
	margin-left:420px;
    margin-top:90px;
    color: black;
    text-align: center;
    background-color: #D7CC76;
    padding: 60px;
    z-index: 7; 
    cursor: url('icons/oom_icon160.png'), auto;
      }

.film-purple {
    width: 360px;
	font-family: 'EB Garamond', serif;
    font-size: 18px;
	text-align:left;
	margin-left: -330px;
    margin-top:150px;
    color: black;
    text-align: center;
    background-color: #BD84B9;
    padding: 45px;
    z-index: 7; 
    cursor: url('icons/oom_icon160.png'), auto;
      }

.film-blue {
    width: 420px;
	font-family: 'EB Garamond', serif;
    font-size: 18px;
	text-align:left;
	margin-left: 50px;
    margin-top:-120px;
    color: black;
    text-align: center;
    background-color: #838bc4;
    padding: 45px;
    padding-left:90px; 
    z-index: 7; 
    cursor: url('icons/oom_icon160.png'), auto;
      }

.film-trailer {
	margin-left:-450px;
    margin-top:-650px;
}

 .form-green {
    width: 600px;
    height: 420px;
	font-family: 'EB Garamond', serif;
    font-size: 18px;
	text-align:center;
    vertical-align:center;
	margin-left:25%;
    margin-top:120px;
    color: black;
    background-color: #8AC898;
    padding: 40px;
    z-index: 7; 
      }

.form-green-center {
    width: 600px;
    height: 260px;
	font-family: 'EB Garamond', serif;
    font-size: 18px;
	text-align:center;
    margin-top: 160px;
   margin-bottom: -50px;
    color: black;
    text-align: center;
    float: left;
    vertical-align:center;
    display: block;
      }


    
.input[type=submit] {
  background-color: #D7CC76;
  padding: 5px 20px;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  float: right;
   
 }