@import"https://fonts.googleapis.com/css2?family=Anta&family=Josefin+Sans:ital,wght@0,100..700;1,100..700&family=Kode+Mono:wght@400..700&display=swap";.backgroundContainer{background-position:top;background-size:cover;margin:0;padding:0;background-image:url(https://images.pexels.com/photos/11661581/pexels-photo-11661581.jpeg?auto=compress&cs=tinysrgb&w=600&lazy=load)}.grid{display:grid;grid-template-columns:repeat(12,1fr);justify-items:center;align-items:center;justify-content:center}#mainPage{max-width:1400px;margin:0 auto;padding:20px;height:100%;height:85.3vh;overflow:hidden}@media (max-height: 1000px){#mainPage{height:100vh;overflow:hidden}#mainPage video{width:700px;height:60vh;overflow:hidden}}#mainPage video{grid-column:1/13;width:100%;min-width:800px;object-fit:cover;position:relative;background-color:#12100f99;background-blend-mode:exclusion;height:100%}.welcomm{position:absolute;padding:20px 30px;text-align:center;width:500px;height:300px;justify-self:end;font-size:1.4rem;line-height:1.6;letter-spacing:1px;top:10em}.card{grid-column:span 4;text-align:center;border:1px solid white;max-width:350px;margin:35px 20px 0 35px}.card p{height:200px;line-height:1.4;letter-spacing:1.2;margin:1em 1em 0}.heart{text-align:end}.card img{width:100%;height:200px;object-fit:cover}.inputsign{position:relative;grid-column:1/13;padding:5px;font-size:18px;text-align:center;border:1px solid #ccc;cursor:pointer;width:800px;height:50px;margin:2.5em 20px 0 0;border-radius:15px}.inputinside{background-color:#353535;color:#fff;padding:5px;font-size:18px;text-align:center;border:1px solid #ccc;cursor:pointer;width:800px;height:50px;border-radius:15px;position:absolute;top:0;left:0}.buttonsign{position:absolute;cursor:pointer;width:30px;height:30px;background-color:inherit;border:none;top:.5em;right:1em}.buttonimage{width:30px;height:30px}.errorMessage{position:absolute;top:-3em;left:50%;transform:translate(-50%,-50%);color:#353535;background-color:#fff;padding:.5em 1em;border-radius:.5em;box-shadow:0 .1em .2em #1d1a1a;font-size:.8em}.errorMessage:before{content:"";width:0;height:0;border-left:9px solid transparent;border-right:9px solid transparent;border-top:9px solid white;position:absolute;bottom:-40%;left:50%;transform:translate(-50%,-50%)}@media (max-width: 900px){.inputsign,.inputinside{width:600px}#main video{min-width:700px}}@media (max-width: 720px){.inputsign,.inputinside{width:500px}#mainPage video{min-width:500px}}@media (max-width: 520px){#mainPage{height:85vh}.inputsign{width:300px;margin:300px 0 0}.inputinside{width:300px}#mainPage video{min-width:300px}.errorMessage{box-shadow:0 .1em .2em #1d1a1a;width:300px}#mainPage video{display:none}.welcomm{grid-column:2/12;padding:20px;width:400px;justify-self:center}}.gridD{display:flex;background-color:#fff;justify-content:space-between}.noGrid{display:flex;justify-content:space-between}header{padding:5px 40px;color:#000;height:100%;transition:1s ease}#noHeader{align-items:center}.imageHeader{display:flex;align-items:center;justify-content:center}.imageHeader img{background-color:transparent;width:50px;height:36px}header nav{text-align:center;justify-self:right;align-items:center;margin-top:auto;margin-bottom:auto;display:flex;flex-direction:row}#aTag{text-decoration:none;padding-left:30px;color:#000;font-size:1.7rem;font-weight:700px;list-style:none;position:relative;transition:all 5s ease}#aTag li:after{content:"";width:0;height:5px;background-color:#000;bottom:-1.88em;left:15px;position:absolute;transition:width .3s ease}#aTag li:hover:after{width:100%}#aTag li:active:after{content:"";width:100%;height:5px;background-color:#000;bottom:-1.88em;left:15px;position:absolute;transition:width .3s ease}a{text-decoration:none;padding-left:30px;color:#000;font-size:1.7rem;font-weight:700px;list-style:none}.backgroundContainer{background-position:top;background-size:cover;margin:0;padding:0;background-image:url(https://images.pexels.com/photos/11661581/pexels-photo-11661581.jpeg?auto=compress&cs=tinysrgb&w=600&lazy=load)}.hamburger{display:none;cursor:pointer}.bar{display:block;width:25px;height:3px;margin:5px 0;transition:all .3s ease;background-color:#000}@media (max-width:1000px){.hamburger{display:block}#activeHeader{align-items:flex-start}.active-right{display:flex;flex-direction:column;align-items:flex-end;margin-top:2em}.noActive-right{margin-top:0}.activeHamburger .bar:nth-child(2){opacity:0}.activeHamburger .bar:nth-child(1){transform:translatey(8px) rotate(45deg)}.activeHamburger .bar:nth-child(3){transform:translatey(-8px) rotate(-45deg)}.nav-menuWin{display:none;left:0;top:5.5em;gap:0;flex-direction:column;align-items:flex-end;background-color:#fff;width:100%;text-align:center}.noNav-menuWin{display:none;left:0;top:5.5em;gap:0;flex-direction:column;align-items:flex-end;width:100%;text-align:center}#aTag{margin:16px 0 16px 16px}.activeNav{display:flex;left:0;top:5.5em;gap:0;flex-direction:column;width:100%;text-align:center;align-items:flex-end}#aTag li:after{bottom:-1.45em}}.gridd{display:flex;justify-content:center;align-items:center;justify-items:center}footer{padding:20px 0;background-color:#fff;color:#000}footer nav{display:flex;justify-content:center}footer nav a{text-decoration:none;color:#000;font-size:1.2rem;font-weight:700px;padding:0}footer nav a:not(:first-child){margin-left:40px}.imo{width:35px;height:35px;transform:scale(1);transition:.5s ease}body{margin:0;place-items:center;min-width:320px;min-height:100vh}.imo{width:35px;height:35px}.imo:hover{transform:scale(1.2)}.backgroundContainer{background-position:top;background-size:cover;margin:0;padding:0;background-image:url(https://images.pexels.com/photos/11661581/pexels-photo-11661581.jpeg?auto=compress&cs=tinysrgb&w=600&lazy=load)}*{margin:0;padding:0;box-sizing:border-box}body{margin:0;font-family:Anta,sans-serif;background:#353535;color:#fff}main{margin:0;padding:5em 0;gap:0;height:85.3vh;overflow:hidden}main img{grid-column:3/7;width:30vw;height:50vh;object-fit:cover;font-size:1.2rem;padding:0;box-sizing:border-box;margin:3em 0 0}.welcomLogin{background-color:#fff;grid-column:7/10;margin:3em 0 0;box-sizing:border-box;width:40vw;height:50vh;padding:20px;font-size:1.2rem;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#000}#container-password{width:60%;box-sizing:border-box;padding:0;margin:0;position:relative;min-width:250px}.errorMessageLogin{position:absolute;top:3em;left:50%;transform:translate(-50%,-50%);color:#fff;background-color:#000;padding:.5em 1em;border-radius:.5em;box-shadow:0 .1em .2em #1d1a1a;font-size:.8em;width:80%;text-align:center}.errorMessageLogin:before{content:"";width:0;height:0;border-left:9px solid transparent;border-right:9px solid transparent;border-bottom:9px solid black;position:absolute;bottom:70%;left:50%;transform:translate(-50%,-50%)}#usernameLogin,#passwordLogin{width:100%;padding:.3em 0;margin-bottom:2em;font-family:Anta,sans-serif;min-width:250px;box-sizing:border-box}#show-password{position:absolute;top:14%;right:5%;cursor:pointer}#submitLogin{width:100%;padding:.4em 0;margin-bottom:1em;background-color:#353535;color:#fff;font-family:Anta,sans-serif;cursor:pointer;min-width:250px;box-sizing:border-box}@media (max-width:1200px){.welcomLogin{width:60vw;grid-column:4/10}main img{grid-column:2/4}}@media (max-width:800px){.welcomLogin{width:80vw;grid-column:2/12;height:41vh;margin:0;padding-top:0}main img{width:80vw;grid-column:2/12;height:25vh}main{height:82.6vh;overflow:hidden}}body{margin:0;font-family:Anta,sans-serif;background:#353535;color:#fff;box-sizing:border-box}.grid{display:grid;grid-template-columns:repeat(12,1fr)}#mainRegister{margin:0;padding:5em 0;gap:0;height:85.3vh}.welcomRegister{background-color:#fff;grid-column:7/10;margin:3em 0 0;box-sizing:border-box;width:40vw;height:50vh;padding:20px;font-size:1.2rem;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#000}#username,#password,#confirmpassword,#email{width:50%;padding:.3em 0;margin-bottom:2em;font-family:Anta,sans-serif;min-width:250px}#submit{width:100%;padding:.4em 0;margin-bottom:1em;background-color:#353535;color:#fff;font-family:Anta,sans-serif;cursor:pointer;min-width:250px}#container-password{width:50%;box-sizing:border-box;padding:0;margin:0;position:relative;min-width:250px}.errorMessageRegister{position:absolute;top:3em;left:50%;transform:translate(-50%,-50%);color:#fff;background-color:#000;padding:.5em 1em;border-radius:.5em;box-shadow:0 .1em .2em #1d1a1a;font-size:.8em;width:80%;text-align:center}.errorMessageRegister:before{content:"";width:0;height:0;border-left:9px solid transparent;border-right:9px solid transparent;border-bottom:9px solid black;position:absolute;bottom:70%;left:50%;transform:translate(-50%,-50%)}@media (max-width:1200px){.welcomRegister{width:60vw}}@media (max-width:800px){.welcomRegister{width:80vw}}.body{margin:0;font-family:Anta,sans-serif;background-color:#353535;color:#fff}#main{max-width:1400px;margin:30px auto;padding:20px}.image{width:100%;height:450px;object-fit:cover}.welcom{box-sizing:border-box;padding:30px 40px;text-align:center;justify-self:end;font-size:.9em;height:500px;line-height:1.5;letter-spacing:1px;background-color:#fff;color:#000}.cardd{text-align:center;border:1px solid white;max-width:530px;margin:35px 0 0;box-shadow:0 4px 8px #0009;transition:transform .3s ease-in-out;min-width:350px}.cardd:hover{transform:translateY(-5px)}.cardd-button{background-color:#fff;color:#353535;padding:.7em 2em;box-shadow:0 4px 8px #0006;border-radius:.5em}.btnContain{align-self:flex-end;display:flex;width:100%;height:10%;justify-content:flex-start;align-items:center;flex-direction:row}.heart-button{border:none;background:none;cursor:pointer;padding:0;font-size:20px;color:#fff}#heartd{color:#000;cursor:pointer;transform:scale(1);transition:.3s ease;width:30px;height:30px;margin-top:.1em}#heartd:hover{transform:scale(1.4)}#heartd:active{transform:scale(1)}.cardd p{height:200px;line-height:1.4;letter-spacing:1.2;margin:1em 1em 0}.heart{display:flex;justify-content:space-between;align-items:center;margin:1em}.cardd img{width:100%;height:200px;object-fit:cover}#myCarousel{min-height:800px;overflow-x:auto;scroll-snap-type:x mandatory;margin-bottom:5em;display:flex;flex-direction:column;justify-content:center;align-items:center;align-content:center}#Carousel{position:relative}#arrowTagLeft{background-image:none;height:5em;width:5em;top:10em;left:0;position:absolute}#arrowTagRight{position:absolute;background-image:none;height:5em;width:5em;top:10em;right:0}#imageId{height:550px;width:1400px;object-fit:cover}#welcomId{height:250px;background-color:#fff;color:#000;display:flex;flex-direction:column;padding:0 1em;margin:0;box-sizing:border-box;overflow:hidden;text-align:center;justify-content:space-around;position:relative}#welcomId p{margin:2em auto;justify-self:center}.carddContainer{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:50px;justify-items:center}@media (max-width:800px){.carddContainer{justify-items:center}#welcomId{height:350px}}.btnComment{border:none;background:none;cursor:pointer;padding:0;font-size:20px;color:#fff;width:30px;height:30px;margin-right:1em;position:relative}.imageComment{width:30px;height:30px;transform:scale(1);transition:.3s ease}.imageComment:hover{transform:scale(1.4)}.imageComment:active{transform:scale(1)}.welcomComment{position:relative;min-height:400px;display:flex;flex-direction:column;align-content:flex-start;justify-content:center;align-items:flex-start;border:1px solid black;padding:1em;margin-top:1em}.btnCommentClose{border:none;background-color:#fff;cursor:pointer;padding:.3em;font-size:20px;color:#000;bottom:1%;left:.5em;width:120px;border-radius:.5em}.itemComment{display:block;border-bottom:1px solid black;width:100%}#commentText{color:#000;width:100%;height:300px}.buttonCreateComment{border:none;background-color:#fff;cursor:pointer;padding:.3em;font-size:20px;color:#000;bottom:1%;width:300px;min-width:100px;border-radius:.5em;margin-right:.5em;margin-bottom:.5em}.buttonContainingforComment{align-self:flex-start;margin-bottom:.5em}.Create-form{width:100%;height:50vh;display:flex;flex-direction:column;justify-content:center;align-items:center}label{align-self:flex-start}#createForm{width:100%}#tagStoryLike{font-size:1.4em;margin:4.3em 0 4em -.7em}.aTag{padding-left:10px}.createpage{width:100vw;height:85.4vh;display:flex;justify-content:center;align-content:center;align-items:center}.Create-form{width:50%;height:50vh;display:flex;flex-direction:column;justify-content:center;align-content:center;align-items:center}.inputCreate,.buttonCreate{color:#000;background-color:#fff;width:80%;height:1.5em;padding:1em;margin-bottom:1em;border-radius:.5em}.buttonCreate{color:#fff;background-color:#353535;height:2em;padding-bottom:2em}.inputCreateImage{position:relative;width:80%;height:1.5em;padding:1em;margin-bottom:1em;border-radius:.5em;color:#000}#inputImageSource{position:absolute;top:-12em;left:0;width:100%;height:200px}#inputImageSourceLeft{width:600px;height:630px;object-fit:cover}.updatePage{height:85.4vh;display:flex;justify-content:center;align-content:center;align-items:center}.Update-form{width:50%;height:70vh;display:flex;flex-direction:column;justify-content:center;align-content:center;align-items:center;position:relative}.errorMessageUpdate{position:absolute;bottom:-3.5em;left:50%;transform:translate(-50%,-50%);color:#353535;background-color:#fff;padding:.5em 1em;border-radius:.5em;box-shadow:0 .1em .2em #1d1a1a;font-size:.8em}.errorMessageUpdate:before{content:"";width:0;height:0;border-left:9px solid transparent;border-right:9px solid transparent;border-bottom:9px solid white;position:absolute;top:-15%;left:50%;transform:translate(-50%,-50%)}.inputUpdate,.buttonUpdate{color:#000;background-color:#fff;width:80%;height:1.5em;padding:1em;margin-bottom:1em;border-radius:.5em}.buttonUpdate{color:#fff;background-color:#353535;height:2em;padding-bottom:2em}.inputUpdateImage{position:relative;width:80%;height:30em;padding:1em;margin-bottom:1em;background-size:cover;background-position:center;border-radius:.5em;background-image:url(https://images.pexels.com/photos/325185/pexels-photo-325185.jpeg?auto=compress&cs=tinysrgb&w=600)}#inputImage{display:none}#inputImageUpdateSource{position:absolute;bottom:0;left:50%;transform:translate(-50%);margin-bottom:5px;height:50px}#descriptionText{color:#000;width:80%;height:300px;margin-bottom:5px}.updateVideo{width:800px;overflow:hidden}@media (max-width:1300px){.Update-form{min-width:500px}.updateVideo{min-width:600px;overflow:hidden}}@media (max-width:1100px){.Update-form{min-width:350px;box-sizing:border-box;padding:0}.updatePage{min-width:400px;flex-direction:column;justify-content:center;align-content:center;align-items:center}.updateVideo{overflow:hidden;position:absolute;min-width:0;width:100%;top:13%;height:78vh;object-fit:cover;filter:blur(8px) brightness(80%);z-index:-10}.Update-form{order:1;position:absolute;z-index:10}.inputUpdate,.buttonUpdate{width:90%;padding:1em}.buttonUpdate{width:90%;padding:1em 1em 2em}#descriptionText{width:90%}.inputUpdateImage{width:90%;padding:1em}#inputImageSourceLeft{width:100%;object-fit:cover;overflow:hidden;filter:blur(8px) brightness(80%);z-index:-10}}