body{
    margin:0;
    font-family:Arial;
    color:white;
    background-image: url(../img/test.png);
    background-size: cover;
}

.container{
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    height:100vh;
    gap:25px;
}

h2{
    width:80%;
    text-align:center;
}

#image{
    width:600px;
    cursor:pointer;
    border-radius:10px;
    transition:0.3s;
}

#image:hover{
    transform:scale(1.05);
}

.inputBox{
    display:flex;
    gap:10px;
}

input{
    padding:10px;
    width:350px;
}

button{
    padding:10px 20px;
    cursor:pointer;
}

.popup{
    display:none;
    position:fixed;
    inset:0;
    background:rgba(0,0,0,.9);
    justify-content:center;
    align-items:center;
}

.popup img{
    max-width:100%;
    max-height:100%;
}
.startScreen{
    position:fixed;
    inset:0;
    background:#111;
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    gap:15px;
    color:white;
}

.startScreen input{
    padding:10px;
    width:250px;
}