.cont{
  display: grid;
  grid-template-columns: auto auto auto auto;
}

.topnavi{
height: 35px;
background-color: hotpink;
color: white;font-size:25px} 


.aboutme
{
  background-color: #ff78c4;
  color: #4603a8;
  border: 2px solid black; 
  border-radius: 15px 15px 15px 15px;
  width:250px ;
  height:450px;
  margin: 20px;
  padding: 20px;
  grid-column: 1;
   grid-row: 1;
 overflow: scroll;

 
  
}

.main
{
  background-color: #ccffff;
  color: black;
  border: 2px solid black;
  border-radius: 15px 15px 15px 15px;
  width:1080px ;
  height:850px;
  margin: 20px;
  padding: 20px;
  grid-column: 2 / span 2;
  grid-row: 1/ span 2;
  overflow: scroll;
  
  
}
.todo
{
  background-color: #b265ff;
  color: black;
  border: 2px solid black; 
  border-radius: 15px 15px 15px 15px;
  width:250px ;
  height:450px;
  margin: 20px;
  padding: 20px;
  grid-column: 4;
  grid-row: 1;
 
  overflow: scroll;
  
}

.img1
{ grid-column: 1;
  grid-row: 2;}

.img2
{ grid-column: 4;
  grid-row: 2;}
  


body {
 background-image: url("https://mochimomo.neocities.org/moon.png");
 background-position: left top;
  background-repeat: repeat;
  cursor: url( "Cursecola.png"),auto;
  } 
  
  h2 {
  color: #ff66a3;
  text-align: center;
}

h3 {
  color: #05034f;
  text-align: center;
}