body{
  background-color: #ffffff;
  color: black;
  font-family: Helvetica;
}

h1{
  font-size:60pt;
}

h2{
  font-size:60pt;
  color:#434744;
}

button{
  background-color: #cfe1ff;
  border:2px solid yellow;
  color: yellow;
  padding:8px 20px;
  font-size:20px;
  position:absolute;;
  left:50%;
  transform:translate(-50%);
  bottom:280px;
}

button:active{
  background-color: yellow;
  color:#cfe1ff;
}
.cursor {
  background-color: #ffffff;
  width: 400px;
  position: absolute;
  text-decoration: none;
  color: #000000;
  font-family: 'Helvetica', sans-serif;
  font-size: 19px;
  font-weight: 90;
  text-align: left;
  pointer-events: none;
  overflow: hidden;
}

.thumbnails {
  display: flex;
  flex-wrap: wrap;
  justify-content: left;
  cursor: none;
}

.thumbnails a {
  width: 33%;
  margin: 0;
  padding: 10px;
  text-decoration: none;
  color: black;
}

.thumbnails a:nth-last-child(-n + 4) {
  padding-bottom: 0 !important;
}

.project-title {
  font-size:30pt;
  display: flex;
}

.project-desc {
  display: none;
}
.project-author {
  font-size:10pt;
  display: flex;
}

.menu a{
  text-decoration:none;
  font-size:30pt;
  color:#000;
}

.menu li{
  list-style-type:none;
  margin-bottom:10px;
}

.back{
  font-family:monospace;
  position:fixed;
  top:12%;
  left:50%;
}

.textpost{
  position:fixed;
  top:5px;
  width:30%;
  font-family:monospace;
}

.textpost h1{
  font-size:20px;
}

.imagePiece{
  position:absolute;
  top:15%
}

a{
  color: #000;
}

a:visited{
  color: #000;
}
a:hover{
  color: #ff8000;
}
a:active{
  color: #0059ff;
}

iframe{
  position: absolute;
  left:20%;
  top:16%;
  width:60%;
}