body {
  display: flex;
  flex-direction: column;
  align-items: center;
  background-color: rgb(220, 245, 245);
  max-width: 1280px;
  margin: 50px;
  padding: 10px;
  height: auto;
}

a {
  padding: 2px ;
  border: solid 1px ;
  max-width: fit-content;
  height: 15px;
  text-decoration: none;

}

.readme{
  border: solid red 1px;
  height:auto;
  width:95vw ;
  padding: 5px;
  margin: 6px;
  border-radius: 3px;
  
}
#svg1{
  height: 50rem;
  width: 100%;
  
}
main{
  display: flex;
flex-direction: column;
gap: 15px;
align-items: center;
justify-content: center;
height: auto;
width: 95vw;


}

.sub-main {
  display: flex;
  gap: 30px;
  margin: 20px;
  width: 95vw;
  height: auto;
  padding: 5px;
  margin: 6px;
}

.sub-main > section {
  flex: 1;
  border: 1px solid black;
  padding: 10px;
}



.wireframe{
  width: 400px;

  border: solid green 1px;
  border-radius: 2px;
}
.branch{

  width: 400px;
}


footer {
  position: fixed;
  bottom: 0;
  left: 450px;
  width: 100%;
  

  
}