.content {
  width: 1300px;
  background-color: white;
  margin-left: auto;
  margin-right: auto;
}

.navbar {
  width: 1300px;
  background-color: #aaa;
  margin-left: auto;
  margin-right: auto;
}

.content-edgeL {
 height: 100%;
  width:90px;
  position: relative;
  background-image:  url("./images/L.png");
    background-size: 100%, 100%;
  background-repeat: repeat-y;
}

.content-edgeR {
 height: 100%;
  width: 90px;
  position: relative;
  background-image:  url("./images/R.png");
  background-size: 100%, 100%;
  background-repeat: repeat-y;
}

.content-graphic {
height: 256px;
  margin-left: auto;
  margin-right: auto;
}

.content-graphic-sm {
  height: 96px;
  margin-top: 20px;
  margin-left: 10px;
  margin-right: auto;
}

.content-text {
font-size:1.4em;
color:black;
word-wrap:break-word;
  margin-left: auto;
  margin-right: auto;
  text-decoration: none;
  text-align: left;
}

.workspace-text {
font-size:1.1em;
font-weight: bold;
color:black;
font-family: Courier New;
 text-decoration: none;
}

figcaption {
font-size: 18px;
width: 90%;
  margin-left: auto;
  margin-right: auto;
}

li {
margin-bottom: 25.3px;
text-align: center;
}

.titlebar-text{
font-family: Courier New;
margin-top: -5px; 
  margin-left: auto;
  margin-right: auto;
}

.content-border-cornerL {
 height: 90px;
  width: 90px;
  float: left;
	background-image: url("./images/BL.png");
	background-size: 100%, 100%;
}

.content-border-cornerR {
 height: 90px;
  width: 90px;
  float: right;
	background-image: url("./images/BR.png");
	background-size: 100%, 100%;
}

.content-border-mid {
  background-image: url("./images/B.png");
  background-size: 90px,90px;
  background-repeat: round;
  width: 100%;
}

.content-border-cornerLT {
 height: 90px;
  width: 90px;
  float: left;
	background-image: url("./images/LT.png");
	background-size: 100%, 100%;
}

.content-border-cornerRT {
 height: 90px;
  width: 90px;
  float: right;
	background-image: url("./images/RT.png");
	background-size: 100%, 100%;
}

.content-border-top {
  background-image: url("./images/T.png");
  background-size: 90px,90px;
  background-repeat: round;
  width: 100%;
  height: 90px;
}

.eyeR {
  animation-name: eyeMovR;
  animation-duration: 3s;
	animation-iteration-count: infinite;
}

.eyeL {
  animation-name: eyeMovL;
  animation-duration: 3s;
  animation-delay: 0.12s;
	animation-iteration-count: infinite;
}

@keyframes eyeMovR {
  0% {transform: translate(50px, -20px);}
  20% {transform: translate(30px, 20px);}
  40% {transform: translate(50px, 20px);}
  60% {transform: translate(40px, -30px);}
  80% {transform: translate(30px, -20px);}
  100% {transform: translate(50px, -20px);}
}

@keyframes eyeMovL {
  0% {transform: translate(50px, -20px);}
  20% {transform: translate(30px, 20px);}
  40% {transform: translate(50px, 20px);}
  60% {transform: translate(40px, -30px);}
  80% {transform: translate(30px, -20px);}
  100% {transform: translate(50px, -20px);}
}

body {
    background-color: rgb(85,85,119);
    margin: 0;
    padding: 0;
}

