.left {
background-color: black;
width: 100%;
height: 700px;
display: flex;
align-items: center;
justify-content: center;
}


.section1 {
width: 100%;
display: flex;
flex-direction: column;
align-items: center;
}

 .profile {
  width: 60%;
  background-color: green;
  height: 300px;
 }
  .aboutme {
  width: 60%;
  background-color: white;
  height: 300px;
 }

.right {
background-color: white;
width: 100%;
height: 700px;

}
.section2 {
width: 100%;
height: 20%;
background-color: black;
display:flex;
align-items: center;
justify-content: space-around;
}

}
.project1{
width:100px;
height: 50px;
}
.project2{
width:100px;
height: 50px;
}

.project3{
width:100px;
height: 50px;
}

.section3 {
width: 100%;
height: 80%;
background-color:  white;
}

/* Project 1 Website */
.Content {
display:flex;
justify-content: space-around;
}

.Box1 {
  height: 400px;
  width: 400px;
  background-color: black;
  background-image:url('../images/Dojo_Game.png');
  background-repeat: no-repeat;
  background-position:center;
}

.Box2 {
  height: 400px;
  width: 400px;
  background-color: black;
  background-image:url('../images/Graves_1_Game.png');
  background-repeat: no-repeat;
  background-position:center;
}

.Box3 {
  height: 400px;
  width: 400px;
  background-color: black;
  background-image:url('../images/Graves_2_Game.png');
  background-repeat: no-repeat;
  background-position:center;
}

.Box4 {
  height: 400px;
  width: 400px;
  background-color: black;
  background-image:url('../images/Graves_3_Game.png');
  background-repeat: no-repeat;
  background-position:center;
}

.Box5 {
  height: 400px;
  width: 400px;
  background-color: black;
  background-image:url('../images/Game_Game.png');
  background-repeat: no-repeat;
  background-position:center;
}

.Box6 {
  height: 400px;
  width: 400px;
  background-color: black;
  background-image:url('../images/Gate_Game.png');
  background-repeat: no-repeat;
  background-position:center;
}

.Box7 {
  height: 400px;
  width: 400px;
  background-color: black;
  background-image:url('../images/Fire_Game.png');
  background-repeat: no-repeat;
  background-position:center;
}

.Box8 {
  height: 400px;
  width: 400px;;
  background-color: black;
  background-image:url('../images/Moon_Game.png');
  background-repeat: no-repeat;
  background-position:center;
}

.Box9 {
  height: 400px;
  width: 400px;
  background-color: black;
  background-image:url('../images/Night_Game.png');
  background-repeat: no-repeat;
  background-position:center;
}

.Space {
height:100px;
}
.banner {
height: 200px;
width:70%;
background-color: black;
display: flex;
margin-left: 15%;
color: white;
font-size: 50px;
justify-content:center;
}


 /* responsive */


@media (min-width: 600px) {

.main { display: flex;}

.left {

width: 30%;
height: 1080px;

}

.right {

width: 70%;
height: 1080px;

}

/* Section 1 */




/* Section 2 */


.project1{
width:100px;
height: 50px;
background-color: white;

}

.project2{
width:100px;
height: 50px;
background-color: white;

}

.project3{
width:100px;
height: 50px;
background-color: white;

}

}