/*
 * Want to change this website's styes? Learn more about CSS:
 * https://developer.mozilla.org/en-US/docs/Learn/CSS/Introduction_to_CSS
 */


{
  box-sizing: border-box;
    
}
    
html {
  scroll-behavior: smooth;
}
 
.navbar {
  overflow: hidden;
/*  background-color: goldenrod;*/
  position: fixed;
  top: 10;
  width: 50%;
}

.creditbar {
  overflow: hidden;
/*  background-color: goldenrod;*/
  position: fixed;
  bottom: 0;

  width: 50%;
    font-size:10pt;
    padding:10pt;
}

.content {
  position: center;
  top: 50;
  width: 65%;
  padding: 20px;
}


.navbar a {
  float: left;
  display: block;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 17px;
}

#grad
{
    background-image: linear-gradient(#0a5647, navy);
    height: 6500px;
    width: 100%;
}

body {
  font-family: 'Work Sans', sans-serif;
  font-size:18pt;
    font-weight: 400;
color: #f1f1f1;
}

#text {padding: 0 20px;}


#elements {
  border: 1px solid #ddd;
  padding: 100px;
 border-collapse: collapse;
  width: 00%;
    text-align:center
}

#elements, td {
  border: 0px solid #ddd;
  padding: 50px;
}





h1
{
  font-family: 'Work Sans', sans-serif;
    font-weight: 500;
  font-size: 400%;
line-height: 0px
}

h2
{
  font-family: 'Work Sans', sans-serif;
  font-size: 250%;
    font-weight: 500;
    padding-top: 30px;
  padding-bottom: 10px;
    letter-spacing: 10px;
}

h3
{
  font-family: 'Work Sans', sans-serif;
  font-size: 100%;
    font-weight: 500;
  padding-bottom: 0px;
    letter-spacing: 2px;
}

/* unvisited link */
a:link {
   color: #f1f1f1;
     text-decoration: none;
}

/* visited link */
a:visited {
   color: #f1f1f1;
 text-decoration: none;
}

/* mouse over link */
a:hover {
  color: yellowgreen;
  font-style: italic;
    text-decoration: none;
}

/* selected link */
a:active {
  color: forestgreen;
     text-decoration: none;
}

#section1 {
  height: 1200px;
    padding-top:50px;
   
}

#section2 {
  height: 1200px;
 
}

#section3 {
  height: 1200px;
}

#section4 {
  height: 1200px;
}

#section5 {
  height: 1200px;
    background-image: url(../images/taurus.png), url(../images/c_taurus.png);
    background-position: right bottom, left top;
    background-size:15%, 15%;
    background-repeat: no-repeat, no-repeat;
    background-position: left top, right center;
}

#section6 {
  height: 1200px;
}

#wordpart {
  height: 2000px;
}

/*

float animation
*/

.floating {  
    padding:15px;
    animation-name: floating;
    animation-duration: 3s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;
    margin-left: 30px;
    margin-top: 5px;

}

@keyframes floating {
    from { transform: translate(0,  0px); }
    65%  { transform: translate(0, 15px); }
    to   { transform: translate(0, -0px); }    
}


.outsideWrapper{ 
    width:100%; height:100%; 
    }
.insideWrapper{ 
    width:100%; height:100%; 
    position:relative;}
.coveredImage{ 
    width:100%; height:100%; 
    position:absolute; top:0px; left:0px;
    
}
.coveringCanvas{ 
    
    position:absolute; top:-20px; left:-60px;
    ;
}