@font-face {
    font-family: 'Chomsky';
    src: url('/assets/fonts/chomsky/Chomsky.otf') format('opentype'),
}

@font-face {
    font-family: 'Berenika';
    src: url('/assets/fonts/berenika/Berenika-BookOblique.ttf') format('truetype'),
}

@font-face {
    font-family: 'Irish';
    src: url('/assets/fonts/irishuncialfabeta/IrishUncialfabeta-Bold.ttf') format('truetype'),
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    cursor: url('/assets/cursor/Arrow.png'), auto;
}


body {
    background-image: url('assets/bgs/60v.jpg');
    background-attachment: fixed;
    background-position: bottom left;
    background-repeat: no-repeat;
    background-color: #200702;
}



/* ---DECORATION--- */


.decoration {
    background-image: url('/assets/decoration/halloween-strip.gif');
    background-repeat: repeat-x;
    height: 58px;
    /* Set height of the decoration */
    width: 100%;
    /* Ensure it stretches across the full width */
    position: absolute;
    /* Make sure it's fixed at the top */
    top: 0;
    left: 0;
}


/* CONTAINER */

#container {
    width: 800px;
    background-color: black;
    margin: 0 auto;
    border: 3px solid rgb(36, 36, 36);
}

/* HEADER */

#headerArea {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 20px;
    border: 2px solid #000000;
    background-image: url('/assets/bgs/halloweenbg1.gif');
    background-attachment: scrolling;
    background-repeat: repeat;
}

/* NAV  */
#navBar {
    background-color: rgb(134, 36, 0);
    padding: 2px;

}

#navBar nav ul {
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    width: 790px;
    height: 35px;
}

#navBar nav ul li {
    list-style: none;
}

#navBar nav ul li a {
    text-decoration: none;
    color: white;
    font-size: 30px;
    font-family: 'Chomsky';
}

#navBar nav ul li a:hover {
    text-decoration: none;
    color: rgb(255, 81, 0);
    font-size: 30px;
}


/* MAIN  */

/* ROW */

.row {
    display: flex;
}

/* ROW-1 */

.row-1 {
    /* background-color: black; */
    padding: 5px;
}

.row-1 aside {
    background-color: grey;
    width: 180px;
    padding: 15px;
    background-color: hsl(275, 100%, 80%);
    color: rgb(0, 0, 0);
    /* margin: 0 10px; */

}

.row-1 .aside-1 {
    order: 1;
    text-align: center;
}

.aside-1 img {
    max-width: 100%;
    height: auto;
}

#links h1 {
    font-family: 'Chomsky';
    font-size: 20px;
    color: rgb(95, 25, 0);
}


#links ul li {
    list-style: none;
    padding: 5px 0;
}

#links ul li a {

    text-decoration: none;
    font-family: 'Berenika';
    font-size: 11px;
    display: flex;
    align-items: center;
    color: black;
}

#links ul li a:hover {
    color: rgb(255, 42, 77);
}

#links ul li a img {
    width: 16px;
}

#guestbook {
    padding: 10px 0;
}




#about {
    color: orangered;
    overflow: hidden;
    font-family: verdana;
    order: 2;
    flex: 1;
    padding: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    text-align: center;
}

#about img {
    max-width: 100%;
    height: auto;
    padding: 10px 0;
}

#about p {
    padding: 10px 0;
    /* border: 1px solid white; */
}



.row-1 .aside-2 {
    order: 3;
    text-align: center;
}

.aside-2 h1 {
    font-family: 'Chomsky';
    font-size: 20px;
}

#myInfo {
    margin: 5px 0;
    /* border: 2px solid #8B0000; */
    background-color: #200702;
    background-image: url('/assets/bgs/background-medival.jpg');
    background-attachment: scrolling;
    background-repeat: repeat;
}

#myInfo h1 {
    color: pink;
}



#myInfo ul li {
    list-style: none;
    padding: 5px 0;
    text-decoration: none;
    font-family: verdana;
    font-size: 11px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: rgb(255, 120, 120);
}


#myInfo ul li img {
    width: 16px;
}


#buyMe {
    background-image: url('/assets/bgs/background2.gif');
    background-attachment: scrolling;
    background-repeat: repeat;
    border: 1px solid black;

}

#buyMe h1 {
    font-family: 'Berenika';
    color: black;
    font-size: 15px;
}

#buyMe img {
    max-width: 100%;
    padding: 10px;
}

#guestbook {
    display: flex;
    justify-content: center;
    /* Horizontal center */
    align-items: center;
}




/* ---ROW 2--- */

.row-2 {
    background-color: rgb(0, 0, 0);
    /* height: 50vh; */
    text-align: center;
    padding: 20px;
    /* flex-direction: column; */

}

.weekly img {
    font-family: 'Irish';
    padding: 10px;
}


.weekly p {
    color: #264ad5;
    font-family: 'verdana';
    padding: 10px 7vw;

}

.weekly p b {
    margin: 10px 0;
}

#tp2 {
    font-style: italic;
    color: pink;
}

#tp3 {
    text-align: right;
    color: pink;
}

.footer {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    background-color: rgb(34, 34, 34);
    
}

.footer .text{
    color: white;
    padding: 5px;
}

.footer p {
    font-family: Verdana, Geneva, Tahoma, sans-serif;
}

.footer img {
    height: 47px;
    width: auto;
}