@import url('https://fonts.googleapis.com/css2?family=Jua&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Special+Elite&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Hi+Melody&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Upright:wght@300;400;500;600;700&display=swap');
@import url(fonts.css);


/* Golden Chalice - https://www.cursors-4u.com/cursor/golden-chalice */
* {
  cursor: url('https://cdn.cursors-4u.net/previews/golden-chalice-80292ddc-32.webp') 32 32, auto !important;
}
/* End www.Cursors-4U.com Code */

html {
    scrollbar-color: #de9f46 #690010
}
html::selection{
    color: #de9f46;
    background-color: #3b0009 ;
    text-shadow: 1px 1px 3px #de9f46;
}
body {
    background-color: #E7E0CE;
}

.header1 {
    width: 100%;
    height: 100px;
    background-image: url('https://i.pinimg.com/1200x/92/0c/e5/920ce5262b46b39d9f16d1508619c782.jpg');

    background-size: 20%;
    display: flex;
    border: #6f0038 2px dashed;
    border-radius: 10px;

}

.header2 {
    width: 100%;
    height: 70px;
    background-image: url('https://i.pinimg.com/736x/25/54/39/25543952a7b744ec64c5493198235f61.jpg');
    margin-top: 30px;
    background-size: 20%;
    display: flex;
    border: #6f0038 2px dashed;
    border-radius: 10px;


}

.header1 p {
    font-family: "basic", sans-serif;
    align-content: end;
    margin-left: 70%;
}

footer {
    background-image: url('https://i.pinimg.com/736x/03/3a/0a/033a0abc6aa4bb98fb366a2d95043c9c.jpg');
    background-size: 50%;
    height: 150px;
    display: flex;
    text-align: center;
    margin-top: 100px;
    border: #452508 5px solid;
    border-radius: 10px;
    align-content: center;
    justify-content: center;
}

footer p {

    font-family: celtic2;
    color: #401f0a;
    font-size: 40px;
}

ul {
    display: flex;
    list-style: none;

}

li {
    margin-left: 35px;
    font-family: celtic2;
    font-weight: 400;
    font-size: 35px;

}

li a {
    text-decoration: none;
    color: #e2c099;
}

li a:hover {
    color: rgb(236, 202, 117);
}

.box1 {
    margin-top: 30px;
    background-color: #6f0038;
    width: 900px;
    height: 1640px;
    min-width: 900px;
    min-height: 1640px;
    border-radius: 10px;
    padding: 20px;
}

.box2-top {
    width: 800px;
    height: 400px;
    background-color: #de9f46;
    border-radius: 10px;
    margin-top: 30px;
    margin-left: 70px;
    padding: 20px;
}

.box2-bottom {
    width: 800px;
    height: 1170px;
    background-color: #C8A2C8;
    margin-top: 30px;
    margin-left: 70px;
    border-radius: 10px;
    padding: 20px;
}

.flex-content {
    display: flex;
}

/* ------------------------------------------BOX2-TOP------------------------------------- */
.maiuscula {
    margin-top: 10px;
    font-family: celtic1;
    font-size: 50px;
    font-weight: 100;
}

.texto1 {
    font-family: celtic2;
    word-spacing: 5px;
    color: #4d2f07;
    background-color: #401f0a23;
    padding: 10px;
    border-radius: 8px;
    border: #401f0a77 0.5px solid;
}

/* ---------------------------------------BOX1----------------------------------------------- */
.maiuscula2 {
    font-family: celtic4;
    font-weight: 300;
    font-size: 50px;
}

.texto2 {
    font-family: celtic5;
    color: #C8A2C8;
    font-size: 20px;
}

li .box1 {
    margin-left: 35px;
    font-family: celtic2;
    font-weight: 100;
    font-size: 35px;

}

/* -------------------------------------FULL CARD--------------------------------------------- */
.full-card img {
    border: #3b030c 1px solid;
    height: 50px;
    transition: transform 0.5s ease;

}

.full-card img:hover {
    transform: scale(1.1);
}

.full-card h3 {
    font-family: celtic6;
    font-weight: 200;
    color: #de9f46;
    margin-top: 1px;
    width: 100%;
}

.full-card button {
    padding: 10px;
    background-color: #4F5424;
    font-family: celtic1;
    color: #2f3314;
    border: #141607 1px solid;

}

.full-card button:hover {

    background-color: #696e34;

    color: #4b5223;

}

.full-card {
    margin-bottom: 30px;
    gap: 50px;
}

.imagens2 .full-card h3 {
    font-family: celtic6;
    font-weight: 200;
    color: #6f0038;
    margin-top: 1px;
    width: 100%;
}

/* ----------------------STICKERS------------------- */
.stickers-box2-top {
    position: relative;
    inset: 0;
    height: 0;
}

.stickers-box2-bottom {
    position: relative;
    inset: 0;
    height: 0;
}

.stickers-box1 {
    position: relative;
    inset: 0;
    height: 0;
}
.borders {
    position: relative;
    inset: 0;
    height: 0;
}
.arvore1 {
    position: absolute;
    margin-top: -250px;
    margin-left: 710px;
    height: 250px;
}

.borboleta {
    position: absolute;
    margin-top: -137px;
    margin-left: 700px;
    height: 100px;
}

.flor {
    position: absolute;
    height: 200px;
    margin-left: 600px;
}

.coracao {
    position: absolute;
    height: 150px;
    margin-left: 0px;
    margin-top: -90px;
}

.gandalf {
    position: absolute;
    height: 150px;
    margin-left: 120px;
    margin-top: -150px;
}

.curtain {
    position: absolute;
    height: 300px;
    margin-left: -257px;
    margin-top: -440px;
    border-radius: 75px;
}

.brasao {
    position: absolute;
    height: 450px;
    margin-left: 400px;
    margin-top: 600px;
    border-radius: 75px;
}

.medieval-house {
    position: absolute;
    width: 350px;
    height: 350px;
    background-color: rgb(43, 67, 110);
    margin-top: -1600px;
    margin-left: 350px;
    border: rgb(43, 67, 110) 5px groove;
}

.medieval-house2 {
    position: absolute;
    width: 300px;
    height: 300px;
    background-color: rgb(119, 148, 202);
    margin-top: -900px;
    margin-left: 350px;
    border: rgb(119, 148, 202) 5px groove;
}

.mulher {
    position: absolute;
    height: 200px;
    margin-left: 100px;
    margin-top: 165px;
    border-radius: 75px;
    transform: rotateY(180deg);
    z-index: 2;
}

.castelo {
    position: absolute;
    height: 270px;
    margin-left: -40px;
    margin-top: 70px;
    border-radius: 75px;
    z-index: 2;
}

.moon {
    position: absolute;
    height: 100px;
    margin-left: 220px;
    margin-top: 20px;
    border-radius: 75px;
    transform: rotateY(180deg);
    z-index: 2;
}

.bandeira3 {
    position: absolute;
    height: 200px;
    margin-left: 190px;
    margin-top: 320px;
    border-radius: 75px;
    z-index: 6;
}

.clouds {
    position: absolute;
    height: 150px;
    z-index: 1;
}

.clouds1 {
    position: absolute;
    height: 170px;
    margin-top: 70px;
    margin-left: 120px;
    z-index: 1;
    transform: rotateY(180deg);
}

.espada {
    position: absolute;
    height: 170px;
    margin-left: 190px;
    margin-top: 175px;
    z-index: 2;
}

.mountain {
    position: absolute;
    height: 300px;
    margin-left: 100px;
    margin-top: -200px;

}

.mountain2 {
    position: absolute;
    height: 300px;
    transform: rotateY(180deg);
    margin-top: -200px;
    margin-left: 400px;

}

.sla {
    position: absolute;
    height: 200px;
    margin-left: 300px;
    margin-top: 700px;
}

.bandeira2 {
    position: absolute;
    height: 500px;
    margin-left: 635px;
    margin-top: 100px;
    transform: rotateY(180deg);
}

.arvore2 {
    position: absolute;
    height: 200px;
    margin-left: 1px;
    margin-top: 100px;
    z-index: 2;
}

.cavalo {
    position: absolute;
    height: 180px;
    margin-left: 120px;
    margin-top: 120px;
    z-index: 2;
}

.sol {
    position: absolute;
    height: 130px;
    margin-left: 150px;
    margin-top: 1px;
    z-index: 2;
}

.vela {
    position: absolute;
    height: 300px;
    margin-top: 315px;
    margin-left: 130px;
    z-index: 6;
}
.dragao1{
    position: absolute;
    height: 300px;
    margin-top: 1200px;
    margin-left: 500px;
}
.dragao2{
    position: absolute;
    height: 250px;
    margin-top: 80px;
    margin-left: 300px;
    z-index: 7;
}
.aragorn{
    position: absolute;
    height: 200px;
    margin-top: 990px;
    margin-left: 500px;
}
.legolas{
    position: absolute;
    height: 200px;
    margin-top: 990px;
    margin-left: 400px;
}
/* ---------------BORDERS-------------- */
.border1{
    position: absolute;
    width: 310px;
    margin-top: 150px;
    margin-left: 350px;
    z-index: 4;
}
.border2{
    position: absolute;
    width: 310px;
    margin-top: 470px;
    margin-left: 350px;
    z-index: 4;
}
.border3{
    position: absolute;
    width: 350px;
    margin-top: 290px;
    margin-left: 190px;
    z-index: 4;
    transform: rotate(90deg);
}
.border4{
    position: absolute;
    width: 350px;
    margin-top: 290px;
    margin-left: 470px;
    z-index: 4;
    transform: rotate(90deg);
}
.border5{
    position: absolute;
    width: 365px;
    margin-top: -220px;
    margin-left: 350px;
    z-index: 4;
}
.border6{
    position: absolute;
    width: 365px;
    margin-top: 140px;
    margin-left: 350px;
    z-index: 4;
}
.border7{
    position: absolute;
    width: 400px;
    margin-top: -60px;
    margin-left: 165px;
    z-index: 4;
    transform: rotate(90deg);
}
.border8{
    position: absolute;
    width: 400px;
    margin-top: -60px;
    margin-left: 495px;
    z-index: 4;
    transform: rotate(90deg);
}