* {
  margin-left: 0;
}

body{
background-image: url("images/backpic.jpg");
background-color: #000;
background-repeat: no-repeat;
background-size: cover;
background-position: center;
height: 100vh;
width: 100vw;
}

.main{
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 250px;
max-width: 250px;
text-align: center;
height: 180px;
background-color:#006400;
opacity: 0.5; 
box-shadow: 10px 10px 20px rgba(255, 255, 255, 0.4);
}

.sub{
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
color: #ffffff;
font-weight: 800;
font-family: 'Charm';
font-size: 22px;
}