body{
  margin: 0;
  padding: 0;
  background-color: rgb(172, 242, 254);
}

.titleAndCommands{
  display: flex;
  align-items: center;
  background-color: rgb(46, 100, 123);
  width: 100%;
  height:10vh;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1000;
}
.paragTitleBar{
  font-size: 3vh;
  margin-left: 3vw;
  color: white;
  text-decoration: none;
}
.paragTitleBar:hover {
  color: #a1a1a1;  
}

.paragTitleBar:active {   
  transform: scale(0.95);
}
#info{
  margin-left: auto;
  margin-right:2vw;
  text-decoration: none;
  color: rgb(255, 255, 255);
  font-size: 3vw;
}
#info:hover {
  color:  #a1a1a1;  
}

#info:active {  
  transform: scale(0.95);
}

#problems{
  margin-right: 5vw;
  margin-bottom: 0px;
  text-decoration: none;
  color: rgb(255, 255, 255);

  font-size: 3vw;
}
#problems:hover {
  color:  #a1a1a1;  
}

#problems:active {  
  transform: scale(0.95);
}

#linkProbleme{
  text-decoration:none;
  margin-left: 2vw;
}

#linkProbleme:hover {
  color:  rgb(21, 26, 96);  
}

#linkProbleme:active {  
  transform: scale(0.95);
}

.firstRowProblems{
  display: flex;
  height: 50vh;
  padding: 3vh;
  margin-top: 20vh;
  /*background-color: bisque;*/
}
.FRP_First{
  height: 50vh;
  width: 45vw;
  border: solid 5px black;
  border-radius: 12%;
  background-color: bisque;
}
.ecuationTitle{
  margin-left: 2vw;
  text-decoration: underline;
}