/* ------- General ------- */
.divider {
 width: stretch;
 z-index: 1;
}

.font1 {
 font-family: 'gypsy curse';
 font-size: 2em;
 margin-bottom: 10px;
 margin-top: 10px;
}

/* ------- Main ------- */
main {
 display: grid;
 grid-template-columns: 250px 500px 250px;
 grid-template-rows: 350px 40px 300px 60px;
}

.content {
 border: solid 2px;
}

/* ------- Nav ------- */
.main_nav_button {
font-family: 'guttural';
font-size: 2em
 }

/* ------- Iamge of the Week ------- */
#IOTW {
 width: 200px;
 border: 2px solid;
}

#img_of_the_week {
 align-content: center;
 text-align: center;
}

/* ------- Blinkies ------- */
#blinkies {
 border: none;
 padding-left: 5px;
 grid-column: 1/2;
 grid-row: 1/3;
}

/* ------- Welcome Text ------- */
#yapping {
 grid-column: 2/4;
 grid-row: 1/2;
}

#yapp_divider1 {
 position: relative;
 bottom: 20px;
}

.welcome_text {
 margin-left: 20px;
 margin-right: 50px;
 position: relative;
 bottom: 35px;
}

/* ------- Buttons ------- */
#buttons {
 grid-column: 2/4;
 grid-row: 2/3;
}

.others_content {
 width: 80px;
 margin: 5px;
}

/* ------- Others ------- */
#others_content {
 height: 180px;
 display: flex
}

.others_img {
 width: 80px;
 height: 80px;
 object-fit: contain;
}

.others_text {
 position: relative;
 bottom: 20px;
 font-size: .6em;
}

/* ------- Updates ------- */
#update_contents {
 border: 2px solid;
 width: 200px;
 height: 200px;
 margin-right: auto;
 margin-left: auto;
 overflow: scroll;
}

.update_log {
 padding-bottom: 5px;
 border-bottom: 1px solid;
}

/* ------- Stamps ------- */
#stamps {
 grid-column: 1/4;
 grid-row: 4/5;
 box-sizing: border-box;
 padding-left: 20px;
 padding-right: 20px;
}