HTML {
  height: 100%;
  font-size: 20px;
  font-family: cursive;}
div.mainpage{
background-color: #f5f5b0;
position: absolute;
  left: 0;
  top: 0%;
  width: 100%;
height:200px;
  text-align: center;
  font-size: 35px;
     -webkit-text-stroke: 1px #494c73;
   color:#848bb3;
   text-shadow:
       1.5px 1.5px 0 #000,
       -2px -2px 0 #ffffff,  
       1px 1px 0 #ffffff,
       -6px 6px 0 #b8deb4,
       0px 0px 0 #000;}

#mainpagemenu{
position: absolute;
  left: 2%;
  top: 225px;
  width: 98%;
height:60px;}

.mainmenu{
width:23%;
height:40px;
float:left;
font-size:25px;
  text-align: center;
padding:10px;
background-color:#848bb3;
-webkit-text-stroke: 1px #ffffff;
   color:#ffffff;
   text-shadow:
       1px 1px 0 #000,
       0px 0px 0 #000,  
       0px 0px 0 #000,
       0px 0px 0 #000,
       0px 0px 0 #000; 
}


a.purplelink:link, a.purplelink:visited{color:#ffffff;
text-decoration:none;}
a.purplelink:hover {background-color: #ffffff; color:#494c73; padding:15px 40px; border-width:15px;  border-style:outset;  border-color:848bb3}

a.thisisit:link, a.thisisit:visited, a.thisisit:hover {background-color: #ffffff; color:#494c73; padding:15px 40px; border-width:15px;  border-style:outset;  border-color:848bb3}

div.aboutme{
width:100%;
height:40px;
font-size:23;
text-align:center;
color:#494c73;
background-color:#edd29f ;
}

img{width: 55%; 
float: right;
border-width:20px;  
    border-style:outset;
border-color:848bb3}

div.paragraphaboutme{
width: 38%;
padding:10;
background-color:c9f2c4;
font-family: cambria;
float: left;
color:494c73}




div.jumptotop{
color:494c73;
width:100%;
height:35px;
bottom:0%;
background-color:f5f5b0;
text-align:center;}

a.jumptotoplink:link, a.jumptotoplink:visited{color:#494c73;
text-decoration:none;}
a.jumptotoplink:hover {background-color: #494c73; color:#f5f5b0; padding:20px 50px; border-width:10px;  
    border-style:outset;
border-color:848bb3}












div.assignmentheading{
background-color: #f5f5b0;
position: absolute;
  left: 0;
  top: 0%;
  width: 100%;
  text-align: center;
height:200px;
  font-size: 38px;
  font-family: cursive;

   -webkit-text-stroke: 1px #494c73;
   color:#848bb3;
   text-shadow:
       1.5px 1.5px 0 #000,
       -2px -2px 0 #ffffff,  
       1px 1px 0 #ffffff,
       6px 6px 0 #b8deb4,
       0px 0px 0 #000;
}

div.navigationmenu{
background-color:#b8deb4;
width: 25%;
padding: 20px; 
position: sticky; top: 20;
float:left;}


#assignment2{font-size: 23; font-family: cursive; text-align:center; padding:10px;
-webkit-text-stroke: 1px #ffffff;
   color:#ffffff;
   text-shadow:
       1px 1px 0 #24451f,
       0px 0px 0 #000,  
       0px 0px 0 #000,
       0px 0px 0 #000,
       0px 0px 0 #000; }

a.assignmentmenulink:link, a.assignmentmenulink:visited{color:#ffffff;
text-decoration:none;}
a.assignmentmenulink:hover {background-color: #ffffff; color:#71ad68; padding:5px 25px; border-width:10px; font-size: 20;  
    border-style:outset;
border-color:b8deb4}

div.appletname{ text-align:center; height:35px; font-size:23px; color:494c73; padding:5px;}
#applettitle{background-color:#b7d2ed;padding:5px;}
#appletcollections{background-color:#ffffff ;}
#specificapplets{background-color:#ffffff ;}
div.fullapplet{background-color:#cad2e3; width:70%; float:right;}
#tablefortext{color:#4f566b;font-family: cambria;padding:5px;}

a.appletlink:link, a.appletlink:visited{color:#494c73; text-decoration:none;}
a.appletlink:hover {background-color: #494c73; color:#cad2e3; padding:2px 10px;}

div.break{width: 70%; float: right;}

#geogebraapplet{background-color:#edd29f ;width: 69.3%; float: right; text-align:center; height:35px; font-size:23px; color:494c73 ; padding:5px;}
.sky{background-color:#b8deb4; float:right; width:70%; font-family: cambria; }

#classactivity{width: 69.3%; float: right; text-align:center; height:35px; font-size:23px; color:494c73; padding:5px;}
div.anotheryellow{background-color:f5f5b0;}
.yellow{background-color:#cad2e3; float:right; width:70%; font-family: cambria; }


#desmosactivity{width: 70%; float: right; text-align:center; height:35px; font-size:23px; color:494c73;}
div.anotherwhite{background-color: ffffff ;}
.babyblue{background-color:#b7d2ed ; float:right; width:70%; font-family: cambria; }









div.references{width:70%; float:right; color:494c73; height:35px;}
#referencestitle{text-align:center; background-color:#ffcaad; font-size:23px; padding:5px;}
#referencesbody{ background-color:#ffcaad ; font-size:16px; font-family: cambria; padding:5px;}
#referencestitle2{text-align:left; background-color:#b8deb4 ; font-size:20px; padding:5px;}
div.hanging{}


#introduction{width: 70%; float: right;  color:494c73; }
.introtitle{height:35px; background-color: ffffff; padding:5px; text-align:center; font-size:23px; font-family:cursive;}
.introbody{background-color:#ffcaad ;  font-family: cambria; font-size:16px; padding:5px;}

#historical{width: 70%; float: right;  color:494c73; }
.histtitle{height:35px; background-color: f5f5b0; padding:5px; text-align:center; font-size:23px; font-family:cursive;}
.histbody{background-color:#b7d2ed ;  font-family: cambria; font-size:16px; padding:5px;}

#explanation{width: 70%; float: right;  color:494c73; }
.extitle{height:35px; background-color: edd29f ; padding:5px; text-align:center; font-size:23px; font-family:cursive;}
.exbody{background-color:#cad2e3;  font-family: cambria; font-size:16px; padding:5px;}

#significance{width: 70%; float: right;  color:494c73; }
.sigtitle{height:35px; background-color: b8deb4; padding:5px; text-align:center; font-size:23px; font-family:cursive;}
.sigbody{background-color:#f5f5b0 ;  font-family: cambria; font-size:16px; padding:5px;}
.sigaptitle{text-align:center; font-size:26px; font-weight:bold;}
.emphasis{text-align:center; font-size:22px; font-weight:bold;}
.emphasis2{text-align:center; font-size:22px;}
.left{text-align:left; text-indent: 3.0em; padding:10px; font-size:19px;}

.kochpic{ width: 45%; float:right; border-width:12px; border-style:outset; border-color:b8deb4; padding:5px;}
.koch1{ width: 31%; float:left; border-width:12px;  border-style:outset; border-color:b8deb4; padding:15px;}
.koch2{ width: 31%; float:right; border-width:12px;  border-style:outset; border-color:b8deb4; padding:15px;}
.nature{width: 30%; float:left; border-width:12px;  border-style:outset; border-color:b8deb4; }

.real{ width: 35%; float:left; border-width:16px;  border-style:outset; border-color:f5f5b0; padding:0px;}
.complex{ width: 36%; float:right; border-width:16px;  border-style:outset; border-color:f5f5b0; padding:0px;}
.cubic{ width: 97%; float:; border-width:15px;  border-style:outset; border-color:f5f5b0; padding:0px;}

.number{ width: 55%; float:left; border-width:15px;  border-style:outset; border-color:edd29f; padding:0px;}
.number1{ width: 40%; float:right; border-width:15px;  border-style:outset; border-color:edd29f; padding:0px;}
.number2{ width: 35%; float:right; border-width:15px;  border-style:outset; border-color:edd29f; padding:0px;}
.number3{ width: 45%; float:left; border-width:3%;  border-style:outset; border-color:edd29f; padding:0px;}
.number4{ width: 50%; float:right; border-width:15px;  border-style:outset; border-color:edd29f; padding:0px;}
.number5{ width: 90%; float:right; border-width:15px;  border-style:outset; border-color:edd29f; padding:0px;}

a.jumptotoplink2:link, a.jumptotoplink2:visited {color:#494c73;
text-decoration:none; padding:20px 50px; border-width:10px; border-style:outset; border-color:#848bb3;}
a.jumptotoplink2:hover {background-color:#494c73; color:#f5f5b0; padding:20px 50px; border-width:10px;  border-style:outset; border-color:#848bb3;}

a.jumptotoplink3:link, a.jumptotoplink3:visited {color:#494c73;
text-decoration:none; padding:1px 5px; border-width:1px; border-style:outset; border-color:#848bb3;}
a.jumptotoplink3:hover {background-color:#494c73; color:#b7d2ed; padding:5px 5px; border-width:5px;  border-style:outset; border-color:#848bb3;}


#references{width: 70%; float: right;  color:494c73; }
.reftitle{height:35px; background-color: ffffff; padding:5px; text-align:center; font-size:23px; font-family:cursive;}
.refbody{background-color:#cad2e3;  font-family: cambria; font-size:16px; padding:5px;}








Body{
  background: radial-gradient(4rem,
    rgba(255,255,255,0) 80%, 
    #ffffff 80%, #b7d2ed 99%, 
    rgba(255,255,255, 0) 
    ) 0 0,
    radial-gradient(4rem,
    rgba(255,255,255,0) 80%, 
    #ffcaad 80%, #ebd49b 99%,  
    rgba(255,255,255, 0) 
    ) 8em 4em,
    radial-gradient(3rem,
    rgba(255,255,255,0) 50%, 
    #b8deb4 50%,
    #91c0f2 75%, #f5f5b0 99%, 
    rgba(255,255,255, 0) 
    ) 4em 8em,
    radial-gradient(4.7rem,
    rgba(255,255,255,0) 50%, 
    #edd29f 	 50%,
    #848bb3 75%, #848bb3 99%, 
    rgba(255,255,255, 0) 
    ) 0 0;
  background-size: 11.5rem 10rem;
  background-color: #ffffff;}


light blue  b7d2ed    91c0f2
light orange edd29f    not as pretty- ebd49b
light pink ffcaad
far away blue 848bb3	494c73        light cad2e3
grass b8deb4   71ad68
white ffffff
yellow f5f5b0
dark green 24451f