@import url(fonts.css);

/* Kirby - https://www.cursors-4u.com/cursor/kirby-walking-13 */
* {
    cursor: url('https://cdn.cursors-4u.net/previews/nintendo-game-boy-pocket-e1353550-32.webp') 32 32, auto !important;
}

html {
    scrollbar-color: #86F8FC rgb(195, 185, 218);
}

body {
    background-color: #1c092e;
}

header {
    width: 100%;
    height: 100px;
    background-image: url('patterns/eyetv.png');

    background-size: 20%;
    display: flex;
    border: #86F8FC 2px dotted;
    border-radius: 10px;

}

header img {
    margin-left: 10px;
}

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

footer {
    background-image: url(patterns/spine.png);
    background-size: 50%;
    height: 150px;
    display: flex;
    text-align: center;
    margin-top: 20px;
    border: #86F8FC 2px dotted;
    border-radius: 10px;
    align-content: center;
    justify-content: center;
}

footer p {

    font-family: 'punk1';
    color: #110120;
    font-size: 40px;
}

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


}

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

}

.header2 li {
    margin-left: 35px;
    font-family: gothic;
    font-weight: 400;
    font-size: 35px;

}

.header2 li a {
    text-decoration: none;
    color: rgb(212, 252, 252);
}

.header2 li a:hover {
    color: rgb(151, 232, 232);
}

.talking {
    width: 100%;
    height: 70%;
    /* background: #9dffff; */
    background-image: url(https://64.media.tumblr.com/e738b42bc73e0bc55c276cf6cc1a45d4/tumblr_inline_ml2hnsUfD41rfdbtm.gif);
    overflow: auto;
    scrollbar-color: #a085d5 #223437;
    border: #391219 1px dashed;
    border-radius: 10px;
    scrollbar-width: thin;
    font-family: "Special Elite", system-ui;



}

.talking h1 {
    font-family: alk;
    margin-left: 40px;
    color: #86F8FC;
    text-shadow: 5px 7px 2px #65cfd398;
}

.talking li {
    font-family: typecastBOLD;
    color: #2d0a4d;
    margin-left: 8px;
    font-size: 30px;
    list-style: numbers;
    margin-left: 30px;
}

.talking p {
    font-family: notepen;
    margin-left: 30px;
    color: #223437;
    font-size: 20px;
    font-weight: 600;

}

.text {
    font-family: notepen;
    width: 250px;
    color: #2d0a4d;
    font-size: 20px;
    font-weight: 600;
    margin-left: 8px;
}

/* -------------------BOX1-------------------------- */





.container-flex {
    display: flex;
    gap: 200px;
}

.box1 {
    height: 500px;
    width: 500px;
    min-width: 500px;
    background-color: #86F8FC;
    border-radius: 8px;
    margin-top: 20px;
    margin-left: 20px;
}

.box2 {
    height: 500px;
    width: 500px;
    min-width: 500px;
    background-color: #86F8FC;
    border-radius: 8px;
    margin-top: 20px;
}

.box3 {
    height: 500px;
    width: 500px;
    min-width: 500px;
    background-color: #86F8FC;
    border-radius: 8px;
    margin-top: 20px;
}

.box4 {
    margin-top: 10px;
    background-color: #86F8FC;
    height: 300px;
    width: 100%;
    border: #a748ff 1px solid;
    display: flex;
    gap: 10px;

}

.box4 p {
    width: 100px;
    font-family: alk;
    font-size: 20px;
    color: #2d0a4d;
    margin-left: 10px;
}
.box5 {
    margin-top: 10px;
    background-image: url('https://64.media.tumblr.com/1a57afb9c916d4741c6a3b7b8f495251/tumblr_inline_mns41gyWNd1qz4rgp.png');
    height: 200px;
    width: 100%;
    border: #a748ff 1px solid;
    display: flex;
    gap: 10px;

}

.box5 p {
    width: 50%;
    font-family: typecast;
    font-size: 25px;
    color: #56d4d8;
    margin-left: 10px;
}
/* ----------------STICKERS----------- */
#pasta1 {
    width: 200px;
    height: 200px;
}

#pasta2 {
    width: 200px;
    height: 200px;
}
#pasta3 {
    width: 200px;
    height: 200px;
}
#pasta4 {
    width: 130px;
    height: 200px;
}
#pasta5 {
    width: 90px;
    height: 250px;
}
#pasta6 {
    width: 130px;
    height: 200px;
}
#pasta7 {
    width: 200px;
    height: 200px;
}
#pasta8 {
    width: 100px;
    height: 100px;
}
#pasta9 {
    width: 150px;
    height: 100px;
}
#pasta10 {
    width: 150px;
    height: 100px;
}
#pasta11 {
    width: 100px;
    height: 100px;
}
#pasta12 {
    width: 120px;
    height: 100px;
}
#pasta13 {
    width: 120px;
    height: 100px;
}
#pasta14 {
    width: 100px;
    height: 150px;
}
#pasta15 {
    width: 100px;
    height: 100px;
}
#pasta16 {
    width: 150px;
    height: 150px;
}
#pasta17 {
    width: 150px;
    height: 150px;
}
#pasta18 {
    width: 150px;
    height: 150px;
}
#pasta19 {
    width: 150px;
    height: 150px;
}
#pasta20 {
    width: 150px;
    height: 150px;
}
#pasta21 {
    width: 100px;
    height: 100px;
}
#pasta22 {
    width: 150px;
    height: 150px;
}
#pasta23 {
    width: 100px;
    height: 100px;
}
#pasta24 {
    width: 200px;
    height: 100px;
}
#pasta25 {
    width: 120px;
    height: 120px;
}
#pasta26 {
    width: 100px;
    height: 120px;
}
#pasta27 {
    width: 120px;
    height: 120px;
}
#pasta28 {
    width: 120px;
    height: 120px;
}
#pasta29 {
    width: 160px;
    height: 160px;
}
#pasta30 {
    width: 175px;
    height: 300px;
}
#pasta31 {
    width: 145px;
    height: 300px;
}
#pasta32 {
    width: 200px;
    height: 250px;
}
#pasta33 {
    width: 200px;
    height: 200px;
}
#pasta34 {
    width: 135px;
    height: 300px;
}
.spotify{
    margin-top: 50%;
    transition: transform 0.5s ease;
}
.spotify:hover {
   transform: scale(1.1);
}
small{
    font-family: rainy;
    color: #56d4d8;
    margin-top: 5%;    
    margin-left: 1%;
}
.linha-inline {
    border-left: 2px dotted #a085d5;
    display: inline-block;
    height: 200px;
    margin: 0 5px;
}