/* ===========================
   KATE'S TEEN DREAMS V2
=========================== */

body{

    margin:0;
    padding:0;

    font-family:Verdana,sans-serif;
    color:white;

    background-color:#1b1317;

    background-image:url("images/animePosters.png");
    background-size:cover;
    background-position:center;
    background-attachment:fixed;

}


/* HEADER */

.hero{

    width:92%;
    max-width:1200px;

    margin:40px auto;

}

.header-image{

    width:100%;

    display:block;

    border-radius:15px;

    border:4px solid #8f4a60;

    box-shadow:0 0 20px rgba(0,0,0,.5);

}

.subtitle{

    text-align:center;

    color:#f6d7df;

    letter-spacing:2px;

}


/* NAVIGATION */

/* ===========================
   NAVIGATION
=========================== */

.main-nav{

    width:92%;
    max-width:1200px;

    margin:25px auto 45px;

    display:flex;

    justify-content:center;

    flex-wrap:wrap;

    gap:14px;

}

.main-nav a{

    display:inline-block;

    background:#5c2b3d;

    color:#fff;

    padding:10px 18px;

    border:2px solid #c06b8d;

    border-radius:999px;

    text-decoration:none;

    font-size:14px;

    font-weight:bold;

    transition:.25s;

    box-shadow:0 4px 8px rgba(0,0,0,.35);

}

.main-nav a:hover{

    transform:translateY(-4px);

    background:#8f4a60;

    box-shadow:
    0 0 12px rgba(255,170,210,.6);

}

/* ===========================
BOXES
=========================== */

/* ===========================
BOXES
=========================== */

/* BOOKSHELF */

.bookshelf{

    background:#4d3223;

    border:6px solid #6d4a35;

    border-radius:15px;

    padding:25px;

    transform:rotate(-1deg);

    box-shadow:0 12px 18px rgba(0,0,0,.4);

}


/* DESK */

.desk{

    background:rgba(50,35,45,.88);

    border:3px solid #8f4a60;

    border-radius:18px;

    padding:25px;

    box-shadow:0 0 20px rgba(0,0,0,.35);

}


/* CORKBOARD */

.corkboard{

    background:#9b7650;

    border:8px solid #6f5138;

    border-radius:15px;

    padding:25px;

    color:#2d2118;

}


/* EVERYTHING ELSE */

.photo-wall,
.collection-shelf,
.writing-corner,
.blinkie-wall,
.stamp-wall,
.button-wall,
.mailbox{

    background:rgba(48,34,40,.90);

    border:3px solid #8f4a60;

    border-radius:18px;

    padding:25px;

    box-shadow:0 0 20px rgba(0,0,0,.35);

}


/* Sections after first row */

.photo-wall,
.collection-shelf,
.writing-corner,
.blinkie-wall,
.stamp-wall,
.button-wall,
.mailbox{

    grid-column:1 / 4;

}


/* Headings */

h1,h2,h3{

    color:#ffd7e2;

}


/* Links */

a{

    color:#ffbdd0;

}

a:hover{

    color:white;}
/* Hover Animation */

.bookshelf,
.desk,
.corkboard,
.photo-wall,
.collection-shelf,
.writing-corner,
.blinkie-wall,
.stamp-wall,
.button-wall,
.mailbox{

    transition:.25s;

}
.bookshelf:hover,
.desk:hover,
.corkboard:hover,
.photo-wall:hover,
.collection-shelf:hover,
.writing-corner:hover,
.blinkie-wall:hover,
.stamp-wall:hover,
.button-wall:hover,
.mailbox:hover{

    transform:translateY(-6px);

}