@font-face{
    font-family:marigoldmagic;
    src: url('/fonts/MarigoldMagic-PersonalUse-Bold.ttf')
}

body{
    background-color:black;
    display:flex;
    justify-content: center;
    align-items:center;
    color:white;

}

#tanuki{
    display:grid;
    grid-area: intro;
    align-items:center;
    grid-template-columns:1fr;
    grid-template-rows:1fr;
    width:100%;
}
#tanuki div img{
    width:900px;
    object-fit: contain;

}
#background{
    grid-area:1/1;
    justify-self:center;
}
#background img{
        width:100%;
    height:100%;
    object-fit: cover;
}
#enter{
    grid-area:1/1;
    height:235px;
    width:900px;
    margin-top: 103px;
    margin-left:205px;
        justify-self:center;
}

#enter img {
    width:100%;
    height:100%;
    object-fit: cover;
}

#crowd{
    grid-area:1/1;
    margin-top:140px;
    height:300px;
    width:900px;
    object-fit: contain;
    margin-right:80px;
    justify-self:center;
}

#crowd img{
    width:100%;
    height:100%;
    object-fit: cover;
}


.comein{
    font-family: marigoldmagic;
    justify-self: center;
    text-shadow: 4px 3px #1a4c1a;
}

#clickme{
    grid-area: 1/1;
    height:70px;
    width:80px;
    justify-self:center;
    margin-left:200px;
    margin-bottom:50px;
    overflow:hidden;
}

#clickme img{
    width:100%;
    height:100%;
    object-fit:cover;
}