body {
    background-image: url("tapetajajo.jpg");
}


#mainBox {
    height: 800px;
    width: 600px;
    background: #E4D41F;
    border: 10px #EDA42F solid;
    border-radius: 30px;
    margin: 0 auto;
}

#eggsoft {
    height: 700px;
}

h1 {
    display: flex;
    justify-content: center;
    color: black;
    font-family: luckiest guy, sans-serif;
    font-size: 300%;
}

h2 {
    
    text-align: center;
    color: black;
    font-family: luckiest guy, sans-serif;
    font-size: 450%;
}

.egg {
    display: block;
    margin: 0 auto;

}



.timer-view { 
    display: flex; 
    justify-content: center;
    font-size: 800%;
    font-family: luckiest guy, sans-serif;
    margin-bottom: 15px;
}

.control {
    display: flex;
    justify-content: center;   
    font-size: 300%;
    
}

.start {
    background-color: #F4E6BE;
    border: 5px #C96426 solid;
    border-radius: 30px;
    padding: 20px 30px;
    font-size: 100%;
    font-family: luckiest guy, sans-serif;
    cursor: pointer;
}

.start:hover {
    background-color: hsl(44, 71%, 75%)
}

.restart {
    background-color: #F4E6BE;
    border: 5px #C96426 solid;
    border-radius: 30px;
    padding: 20px 30px;
    font-size: 100%;
    font-family: luckiest guy, sans-serif;
    cursor: pointer;
}

.restart:hover {
    background-color: hsl(44, 71%, 75%)
}