body{
    color: #414141;
    font-family: 'Montserrat', sans-serif;
    font-family: 'Open Sans', sans-serif;
    font-weight: 200
    font-size: 25px;    
    background-color: #fefffe;
    padding-bottom: 10%
        
}
p{
    color: #5d5d5d;
    font-family: 'Open Sans', sans-serif;
    margin-left: 15%;
    margin-right: 15%;
    
}
h1{
    color: #2f4f4f;
    font-family: 'Montserrat', sans-serif;
    font-size: 60px;
    padding: 1%;
    text-align: center
    
}
h2{
    color: #3b6565;
    font-family: 'Montserrat', sans-serif;
    font-size: 42px;
    text-align: center;
    
}
h3{
    color: #519090;
    font-family: 'Montserrat', sans-serif;
    font-size: 25px;
    text-align: center
        
}
h4{
    color: #519090;
    font-family: 'Montserrat', sans-serif;
    font-size: 18px;
    text-align: center
}

li{
    color: #5d5d5d;
    font-family: 'Open Sans', sans-serif;
    margin-left: 15%;
    margin-right: 15%;
    display: list-item;
    list-style-type:square;
}

li2{
    color: #5d5d5d;
    font-family: 'Open Sans', sans-serif;
    margin-left: 15%;
    margin-right: 15%;
    display: list-item;
    list-style-type:circle;
}

code{
    color: #9b138c;
    font-family: 'Open Sans', sans-serif;
    background: rgba(155, 19, 140, 0.12);
}

#fablablogo {
    width: 30%;
    display: block;
    margin-left: auto;
    margin-right: auto;
    padding-top: 3%;
    
}

#Sketch {
    width: 50%;
    display: block;
    margin-left: auto;
    margin-right: auto;
    padding-top: 3%;
}

#MandalaCurves {
     width: 100%;
    display: block;
    margin-left: auto;
    margin-right: auto;
    padding-top: 3%;
}

#rt1 {
     transform: rotate(90deg)
}

#rt2 {
     transform: rotate(90deg)
}

#rt3 {
     transform: rotate(90deg)
}

#rt4 {
     transform: rotate(90deg)
}

#rt5 {
     transform: rotate(90deg)
}

#rt6 {
     transform: rotate(90deg)
}

#rt7 {
    transform: rotate(180deg)
}

#rt8 {
    transform: rotate(90deg)
}

#rt9 {
    transform: rotate(90deg)
}

#sm1 {
    width: 50%;
}

#sm2 {
    width: 50%;
}

#sm3 {
    width: 50%;
}

img {
    width: 70%;
    max-width: 800px;
    max-height: 600px;
    overflow: hidden;
    object-fit: contain;
    display: block;
    margin-left: auto;
    margin-right: auto;
    padding-top: 3%;
}

video {
    width: 70%;
    max-width: 800px;
    max-height: 600px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    padding-top: 3%;
}

#cutter {
    width: 100%;
    display: block;
    margin-left: auto;
    margin-right: auto;
    padding-top: 3%;
}

#Growth {
    width: 70%;
    display: block;
    margin-left: auto;
    margin-right: auto;
    padding: 5%;
    transform: rotate(90deg)
}

#H2GU {
    width: 20%
    display: block;
    margin-left: 5%;
    margin-right: 5%;
    padding: 5%;   
}

#Image {
    width: 70%;
    display: block;
    margin-left: auto;
    margin-right: auto;
    padding: 5%;
}

#smaller {
    width: 50%;
    max-width: 400px;
    margin-left: auto;
    margin-right: auto;
    padding: 5%;
}

.container p img {
      display: block;
  padding: 4px;
  line-height: 1;
  max-width: 920px;
  border: 1px solid #ddd;
  -webkit-border-radius: 14px;
  -moz-border-radius: 14px;
  border-radius: 14px;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075);
  -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075);
  margin-left: auto;
  margin-right: auto;
  margin-top: 15px;
  margin-bottom:15px;
}

a{
    color: #00a5a5;
    text-decoration: none;
    
}
a:hover{
    text-decoration: underline;
    
}
.topnav {
    background-color: #172f33;
    overflow: hidden;
}
.topnav a {
    float: left;
    color: #f2f2f2;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
    font-size: 17px;
}
.topnav a:hover {
    background-color: rgba(123, 224, 255, 0.36);
    color: black;
}
.topnav a.active {
    background-color: #00c3ff;
    color: #000000;
}

table[Attributes Style] {
    border-top-width: 3px;
    border-right-width: 3px;
    border-bottom-width: 3px;
    border-left-width: 3px;
    width: 100%;
    
}
user agent stylesheet
table {
    display: table;
    border-collapse:collapse;
    border-spacing: 60px;
    border-color: #519090;
      
}

.chart {
    background-color: #cbfffb;
    border:5px solid #0014ff;
    display:inline-block;
    cursor:pointer;
    color:navy;
    font-family: 'Open Sans', sans-serif;
    font-size:17px;
    font-weight:bold;
    padding:10px 70px;
    text-decoration:none;
}
.chart:hover {
    background-color:transparent;
}
.chart:active {
    position:relative;
    top:1px;
}

.emphasis{
    font-family: 'Open Sans', sans-serif;
    color: blue;
    text-decoration: none;
    display:inline-block;  
    font-weight:bold;
}
.emphasis:active {
    position:relative;
    top:1px;
}
.num{
    font-family: 'Open Sans', sans-serif;
    font-size: 25px;
    color: black;
    text-decoration: none;
    display:inline-block;  
    font-weight:bold;
}
.wkti {
    font-size: 20px;
    color: black;
    text-decoration: none;
}
.idweek{
    font-family: 'Open Sans', sans-serif;
    font-weight: lighter;
    font-size: 15px;
    color: black;
    text-decoration: none;
    text-align: center;
}
.idweek:active {
    position:relative;
    top:1px;
}