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

@font-face{
    font-family:filmotypehemlock;
    src: url('/fonts/filmotype-hemlock.ttf')
}

.title {
    color: #7A8B40;
}
body{
    font-family: baskerville;
	font-size: 18px;
	color: black;
    background-image: url(dogmovies_img/0wanroom_bg.png);
    background-position: center;
    background-repeat: repeat;
    background-attachment: fixed;
        background-size:300px;
}
    h1{
        font-family: filmotypehemlock;
        font-size: 55px;
        margin: 20px 0 5px;
        text-shadow: 2px 2px pink, 0 0 20px white;
    }
    
    h2 {
        font-size: 20px;
        margin-bottom: 5px;
        margin-top:1px;
    }

#info {
    margin:1px 10px;
    background-color: white;
    padding:10px;
    border: 2px solid black;
    box-shadow: 5px 5px #f6aa1e;
}
#header {
    display:flex;
    border: 2px solid black;
    margin:10px;
    background-color: white;
}

#nav {
    display:flex;
    justify-content: center;
    align-items: center;
    margin-left: 30px;
}
#nav h2{
        margin: 10px;
    }

.pawbox {
    width:70px;
    height:70px;
    overflow:hidden;

}
.pawbox img{
    width:120%;
    object-fit: cover;
}
.pawprint {
    transform: rotate(20deg)
}

#reviews {
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
    margin: 20px;
    
}
.filmbox {
    display:flex;
    flex-direction:row;
    color: black;
    background-color: white;
    padding: 1px;
    margin:10px;
    align-items:flex-start;
    border: 2px solid black;
    box-shadow: 5px 5px #f6aa1e;
}
.filmbox h2{
        margin:1px;
        margin-right: 10px;
        padding-bottom:2px;
        padding-left: 5px;
        font-size:18px;
        font-family: marygoldmagic;
        border-bottom: 1px solid black;
    }
.filmbox h3{
        display:inline;
        font-size:16px;
    }
.filmbox p {
        margin-top: 5px;
        margin-left:5px;

        font-size: 18px;
        
    }
.filmbox ul{
        list-style-type: none;
        padding-left:10px;
        margin:10px;
    }
.filmbox li{
        margin: 5px 1px;
    }

.posterbox {
    display: flex;
    flex-direction:column;
    align-items:flex-start;
    max-width:200px;
    min-width:200px;
    height:max-content;
    box-sizing: border-box;
    border: 2px solid black;
    padding: 1px;
    margin: 5px;
}
.posterbox h2{
        margin:1px;
        font-size:16px;
        font-family: marygoldmagic; 
        letter-spacing: 0.5px;
        border-bottom: 0;
    }

.posterbox img {
        width:100%;
        height:100%;
        object-fit:contain;
        align-items: flex-start;
        box-sizing: border-box;
        padding: 2px;
}

.review {
    box-sizing: border-box;
    margin:5px;
}
#extras {
    display:flex;
    justify-content: space-around;

    
}

.extras h2{
        margin:5px;
    }
    
.extras h3{
        margin:5px;
    }
.extras p{
        margin:5px;
    }
    
.towatch{
            min-width:max-content;
}

#catmovies{
  display:grid;
  }
  
#footer{
    display:flex;
    flex-direction:row;
    justify-content:center;
    align-items:center;
    margin: 0 auto;
    width:200px;
    height: 45px;
    background-color: white;
    border-radius: 10px;
    border: 2px solid black;
}

#footer h2{
        display: inline;
        margin:10px;
}