body{
  background-color: black;
}
a{
  text-decoration: none;
}
.navBar{
  display: flex;
  flex-direction: column;
  position: absolute;
  width: 200px;
  height: 100vh;
  color: yellow;
}
.links{
  text-decoration: none;
  color: yellow;
  font-family: 'Jost', sans-serif;
  font-size: 20px;
  margin: 5px;
  transition: 0.3s;
}
.logo{
  font-family: 'Jost', sans-serif;
  font-size: 40px;
  margin: 0 0 60px 5px ;  
}
.logo a{
  text-decoration: none;
  color: yellow;
}
.logForm{
  position: absolute;
  top: calc(50vh - 150px);
  left: calc(50vw - 250px);
  width: 500px;
  height: 300px;
  border: yellow solid 1px;
}
.logForm fieldset{
  border: yellow solid 1px;
  margin-top: 20px;
}
.email,.password{
  width: 98%;
  background: black;
  color: yellow;
  border: none;
  outline: none;
}
.lr_title{
  font-size: 30px;
}
legend{
  color: yellow;
}
.ide{
  display: flex;
  position: absolute;
  right: 0;
  top:100px;
  width: calc(100vw - 200px);
}
.submitLR{
  position: absolute;
  top: 15.3em;
  right: 20px;
  width: 150px;
  border: solid yellow 1px;
  background-color: black;
  color: yellow;
  cursor: pointer;
}
.legend2 {
  position: absolute;
  bottom: -0.5em;
  right: 20px;
  font-size: 20px;
  background-color: black;
  line-height:1.2em;
  text-decoration: none;
  color: yellow;
}
.legend3 {
  position: absolute;
  bottom: 0.5em;
  right: 35px;
  font-size: 20px;
  background-color: black;
  line-height:1.2em;
  text-decoration: none;
  color: yellow;
  cursor: pointer;
}
.dev{
  width: 33%;
  height: 400px;
  margin:20px;
  border: yellow solid 1px;
}
.area{
  width: 100%;
  min-height: 380px;
  resize: none;
  border: none;
  background-color: rgb(0, 0, 0);
  color: yellow;
  outline:none;
}
.body{
  position: absolute;
  right: 0;
  top:550px;
  width: calc(100vw - 265px);
  margin: 20px;
  border: yellow solid 1px;
  border-bottom: none;
  min-height: 500px;
}
.title{
  position: absolute;
  right: 0;
  top:0;
  color: yellow;
  width: calc(100vw - 265px);
  margin: 20px;
  border: yellow solid 1px;
}
.title button{
    background-color: black;
    color: yellow;
    border: solid yellow 1px;
    margin: 0 5px;
    cursor: pointer;
}
.nameProj {
  width: 100%;
  resize: none;
  border: none;
  background-color: rgb(0, 0, 0);
  color: yellow;
  outline:none;
}
.project{
  position: absolute;
  min-height: 95% ;
  right: 0;
  top:0;
  color: yellow;
  width: calc(100vw - 265px);
  margin: 20px;
  border: yellow solid 1px;
}
.worldProject li{
  list-style-type: none;
  margin: 10px;
  font-family: 'Jost', sans-serif;
}
.creatorProjectLeft{
  text-align: left;
  color: yellow;
  margin: 10px;

  font-family: 'Jost', sans-serif;
}
.creatorProject{
  text-align: left;
  color: yellow;
  margin: 10px;

  font-family: 'Jost', sans-serif;
}
.creatorProject p{
  color: yellow ;
  cursor: pointer;
  text-decoration: none;
}
.myProject{
  list-style-type: none;
  text-align: left;
  color: yellow;

  font-family: 'Jost', sans-serif;
}
.myProject li{
  margin-bottom: 20px;
} 
.projectList{
  text-decoration: none;
  font-size: 1.5em;
  color: yellow;
}
.projectListLeft{
  text-decoration: none;
  font-size: 1.5em;
  color: yellow;
  text-align: left;
}