* {
  box-sizing: border-box;
}


.home{
  height: 50px;
  width: 200px;
  border: none;

}

img{
    max-width: 100%;
    height: auto;
}

button{
  background-color: white;
  border: none;
}
    

.btn-start{
    background-color: pink;
    color: white;
    font-size: 12pt;
    border: 1px solid grey;
    border-radius: 25px;
    margin: 30px auto;
    display: block;
    width: 20em;
    height: 4em;
}


.container{
    width: 1200px;
    height: 1800px;
    border: 1px solid grey;
    margin: 15px auto;
    background-image:url("media-oliviavent/background.jpg") ;
    background-size: cover;
    box-shadow: 6px 6px 20px gray;
    display: grid;
    grid-template-columns: repeat(4, 25%);
    grid-template-rows: repeat(6, 1fr);
    grid-template-areas: 
    "door10 door18 door5 door13" 
    "door2 door12 door22 door9"
    "door14 door3 door17 door23"
    "door4 door8 door7 door21"
    "door6 door20 door15 door24"
    "door16 door1 door11 door19";
}

.image {
    background-image: none;
    background-size: cover;
    background-position: center;
}

.text{
    height: 100%;
    width: 100%;
    color: rgb(165, 57, 165);
    padding: 20px;
    border: 1px dotted white;
    font-size: 50pt;
    font-family: 'Courier New', Courier, monospace;
    transition: opacity 2.5s;
}