body {
    font-family: cursive;
    background-color: #efefef;
}

header {
    position: relative;
    height: 0;
    padding: 0;
}

#container {
    position: relative;
    display: block;
    width: 1200px; /* Justera bildens bredd */
    height: 100%; /* Justera bildens höjd */
    overflow: hidden;
    margin: 0 auto;
    border-radius: 15px; /* Rundade hörn (valfritt) */
}

#container img {
    width: 100%;
    
}

p {
    margin-left: 400px;
    font-size: 50px;
    padding: 0;
}

#container input[type="time"] {
    position: absolute; /* Absolut positionering */
    top: 17%; /* Justera för att placera den 20% från toppen */
    left: 50%; /* Placera den mitt på bilden */
    transform: translateX(-50%); /* Centrera inputen horisontellt */
    padding: 10px;
    font-size: 30px;
    background-color: rgba(255, 255, 255, 0.7); /* Bakgrund för bättre synlighet */
    border: 4px solid #000; /* Runt input-fältet */
    border-radius: 10px;
}

#container input[type="text"] {
    position: absolute; /* Absolut positionering */
    top: 27%; /* Justera för att placera den 20% från toppen */
    left: 50%; /* Placera den mitt på bilden */
    transform: translateX(-50%); /* Centrera inputen horisontellt */
    padding: 10px;
    font-size: 18px;
    background-color: rgba(255, 255, 255, 0.7); /* Bakgrund för bättre synlighet */
    border: 4px solid #000; /* Runt input-fältet */
    border-radius: 10px;
}

#container input {
    position: absolute; /* Absolut positionering */
    top: 39%; /* Placera den vertikalt på mitten (justera efter behov) */
    left: 50%; /* Placera den horisontellt på mitten */
    transform: translate(-50%, -50%); /* Centrera knappen exakt */
    padding: 15px 30px;
    font-size: 20px;
    background-color: green; /* Grön bakgrund med transparens */
    border: 4px solid #000; /* Svart kantlinje */
    border-radius: 10px; /* Rundade hörn */
    cursor: pointer; /* Gör att muspekaren ändras till en hand när man hovrar över knappen */
    font-family: cursive;
}

#container input[type="submit"]:hover{
    background-color: darkgreen;
}