
body{
    display: grid;
    justify-items: center;
}

.page{
    padding-top: 10px;
    padding-left:  60px;
    padding-right: 60px;
    display: grid;
    grid-template-rows: auto;
    grid-template-columns: 1000px 300px; 


}




.container-1{
  display: grid;
  grid-template-columns: 200px 100px 500px 100px 100px;
}

.container-1 > div {
  font-size: 30px;
  text-align: center;
}

    .title {
    grid-area: 1/2/3/4;
    }   

    #title {
        padding-top: 35px;
        padding-left: 45px;
        width:  400px;
    }
    .logo{
        grid-area: 1/2/3/3;
        padding-top: 35px;
        padding-left: 55px;

    }
    #logo {
        width: 100px
    }

    .one {
        grid-area: 1/1/3/2;
    }

    #plush {
        padding-right: 100px;
        height: 120px;
    }

    .two{
        grid-area: 3/1/3/6 ;
    }

    #border{
        width: 1000px;
        padding-bottom: px;
    }
    .book{
        grid-area: 3/1/3/6 ;
        padding-top: 100px;
        padding-bottom: 20px;
    }
    #book{
        height: 600px; 
        /*gonna map this*/
    }




.container-3{
    display:grid;
    grid-template-columns: 500px 500px;
    grid-template-rows:   330px 310px 330px 330px 310px;
    outline: dashed 3.2px #618dc0;
    border-radius: 5px;
}
.container-3 > div {
    text-align: center;
        border-style: solid ;
    border-color: #f0aec4;
    border-width: 4px; 
    margin: 4px;
    border-radius: 12px;
}

    .cat{
        display: grid;
        grid-template-columns:auto 275px 100px;
        grid-template-rows: 1fr 3fr 40px 1fr ;
        color:#d75983
        
    }

    .cat > .sidetext{
        text-align: left;
    }

        .lpsphoto{
            grid-area: 2/2/3/3;
            
        }

        #lpsphoto{
            height: 175px
        }
        .check{
            grid-area: 2/3/4/4;
            border: solid 4px #f0aec4;
            border-radius: 12px;
            outline: dashed 3.2px #618dc0;
            margin-top: 100px;
            margin-bottom: 50px;
            margin-right: 10px;

        }

        #paw{
            padding-top: 3px;
            width: 55px;
        }

        .text{
            grid-area: 3/1/3/4;
            padding-left: 5px;
            padding-right: 5px;
        }

        .sidetext{
            grid-area: 2/1/3/3;
            padding-left: 10px 
        }
        .alt{
            color:#618dc0
        }
        .righttext{
            grid-area: 2/3/3/4;
            font-size: 13px;
            padding-right: 10px;
            padding-top: 5px;
        }

        .number{
            border: solid 4px #f0aec4;
            border-radius: 12px;
            outline: dashed 3.2px #618dc0;
            margin: 15px;
            grid-area: 1/2/2/3;
            font-weight: bold;
            font-size: 3cap;
            padding-top: 10px;
        }

        #art{
            width: 80px;
        }
        #bag{
            width: 120px;
        }
        #smaller{
            width: 60px;
        }










/**.container-1, .container-2, .container-3, .container-4{
    border: solid 2px;
}
    **/




