.maincontent{
width:700px;
height:800px;
left:300px;
top:0px;
box-sizing: border-box;
position: absolute;
padding:10px;
    margin:0px;
    border-color:black;

}
.image{
    position: relative;
  width:100%;
  height:810px;
    
}
.image1{
    width:700px;
    height:800px;
    border-style: solid;
    
}
.header{
    width:200px;
    height: 50px;
    background: pink;
    position:absolute;
    top:20px;
    left:25px;

    text-align: center;
    font-weight: bold;
}
.instruction{
    position:absolute;
    top:70px;
    width:350px;
    height:400px;
    background:gold;
    left:320px;
    text-align: left;
    margin:5px;
    padding:10px;

}
.sidescore{
    font-size: 10px;
    background: greenyellow;
    width:60px;
    height:70px;
    top:500px;
    left:550px;
    position: absolute;
    margin:1px;
    padding:5px;
    
}
.randomscore{
    width:200px;
    height: 70px;
    background:powderblue;
    position: absolute;
    top:500px;
    left:320px;
    margin:1px;
    padding:5px;
}
#scoreheader{
    background:plum;
    top:670px;
    left:320px;
    width:200px;
    height:40px;
    position: absolute;
    
}
.crystalimage{
    
    width:450px;
    height:50px;
    position: absolute;
    top:580px;
    left:320px;
}
#totalscore{
    background:lightseagreen;
    width:300px;
    height:80px;
    position:absolute;
    top:720px;
    left:320px;
}
.crystal-image{
    width: 75px;
      height: 75px;
      margin: 1px;
      padding:2px;
}