html,body{overflow-x:hidden;margin:0;padding:0;display:flex;display:column;place-items:center;align-items:center;justify-content:center}.nav-bar-container{display:flex;justify-content:space-evenly;align-items:center;margin-left:1vw;position:fixed;color:#fff;font-family:Arial;font-size:1vw;z-index:1;width:100%;height:5vw}.nav-menu i{cursor:pointer}.color-nav{background:#0000005e;display:flex;justify-content:space-evenly;align-items:center;margin-left:1vw;position:fixed;color:#fff;font-family:Arial;font-size:1vw;z-index:1;width:100%;height:5vw}.nav-yuko-logo{width:8em}.nav-menu{display:flex;align-items:center;list-style:none;gap:.8em;margin-left:42em}.nav-home{cursor:pointer}.nav-home:hover{color:#6563ec;text-shadow:0vw 0vw .7vw #6563ec}.nav-home:active,.nav-features:active,.nav-developers:active,.nav-contacts:active{font-size:.95vw}.nav-features{cursor:pointer}.nav-features:hover{color:#b44651;text-shadow:0vw 0vw .7vw #b44651}.nav-developers{cursor:pointer}.nav-developers:hover{color:#b34087;text-shadow:0vw 0vw .7vw #b34087}.nav-contacts{cursor:pointer}.nav-contacts:hover{color:#193bfc;text-shadow:0vw 0vw .7vw #0727dd}.nav-divider{color:#cc1819}.landing-background-img{display:flex;height:50vw;width:100%;align-items:center;justify-items:center;position:relative;z-index:-1}.landing-home-content{display:flex;position:absolute;flex-direction:column;align-items:center;justify-items:center;z-index:0;top:27%;left:10%;right:10%}.home-yuko-title{font-size:10vw;font-family:Arial;font-weight:900;display:flex;justify-content:center;color:#fff}.home-yuko-description{color:#fff;width:60vw;font-family:Calibri;font-size:1.2vw;margin-top:-2vw;font-weight:200;display:flex;text-align:center}.log-in-button{background:linear-gradient(to right,#cc1819,#201dcd);padding:.8rem;color:#fff;margin-top:2.8vw;width:11vw;height:3.6vw;display:flex;align-items:center;justify-content:center;text-align:center;border-radius:2vw;font-weight:600;font-family:Arial;font-size:1.3vw;text-decoration:none}.log-in-button:hover{background:linear-gradient(to right,#201dcd,#cc1819)}.log-in-button:active{width:10.7vw;height:3.5vw;font-size:1.2vw}.features-landing-section{background:linear-gradient(to bottom,#6d171e,#7c0d52);padding:2vw;height:85vw;display:flex;justify-items:center;flex-direction:column}.features-landing{z-index:0;display:flex;flex-direction:column;width:90vw;margin-left:3vw;margin-top:9vw;position:absolute}.features-top{display:flex;flex-direction:row;justify-content:space-between}.features-first-section{width:38vw;height:17vw}.feature-title{font-size:3vw;font-family:Arial;font-weight:900;color:#fff}.feature-section-divider{background-color:#fff;height:17vw;width:.1vw}.features-top-left-decscription{font-family:Calibri;font-size:1.25vw;width:38vw;color:#fff}.features-scroll-section{max-height:17vw;width:45vw;text-align:left;color:#fff;display:flex;flex-direction:column;overflow-y:auto;gap:2.5vw}.features-scroll-section .features{background-color:#fff0;border:solid;border-color:#fff;border-width:.1rem;border-radius:1.3rem;padding:1.5vw;display:flex;flex-direction:row;align-items:center;width:43vw}.features-pic-odd{width:40vw}.features-title-odd{font-size:1.7vw;font-weight:600}.features-description-odd{font-size:1vw;margin-top:.3vw;line-height:1.2vw}.features-pic-even{width:35vw}.features-title-even{font-size:1.7vw;font-weight:600}.features-description-even{font-size:1vw;margin-top:.3vw;line-height:1.2vw}.features-scroll-section::-webkit-scrollbar{background-color:transparent}.features-scroll-section::-webkit-scrollbar-thumb:hover{background-color:#c403039d;border-radius:2vw}.first-feature-content-odd{display:flex;flex-direction:column;padding:1vw}.first-feature-content-even{display:flex;flex-direction:column;width:50vw;text-align:right;padding:1vw}.features-bottom{display:flex;flex-direction:row;justify-content:space-evenly;margin-top:6vw;height:30vw}.chatbot1{width:30vw;height:50vw}.chatbot2{width:30vw;height:50vw;margin-left:-10vw}.dev-landing-section{background:linear-gradient(to bottom,#7c0d52,#07061d);height:155vw;display:flex;justify-items:center;flex-direction:column;margin-top:-.5vw}.dev-landing{z-index:0;display:flex;flex-direction:column;width:100%;margin-top:12vw}.dev-title{display:flex;justify-content:center;align-items:center;text-align:center;font-size:3vw;font-family:Arial;font-weight:900;color:#fff}.first-dev{width:63vw;height:11vw;display:flex;align-items:center;gap:2vw;margin-bottom:9vw;margin-top:9.5vw}.first-dev-shape-outline{width:63vw;height:10vw;display:flex;position:absolute;margin-bottom:9vw;margin-top:14vw;background-color:transparent;border:solid white;border-width:.1rem;z-index:0;margin-left:-2.5vw;border-top-right-radius:1.8vw;border-bottom-right-radius:2.2vw;transform:skew(20deg)}.first-dev-shape-inside{width:62vw;height:10vw;display:flex;position:absolute;margin-bottom:9vw;margin-top:15vw;background:linear-gradient(to right,#050374,#c50e0e);border-width:.1rem;z-index:-1;margin-left:-2.5vw;border-top-right-radius:1.8vw;border-bottom-right-radius:2.2vw;transform:skew(20deg)}.first-dev .first-dev-infos{display:flex;flex-direction:column;color:#fff}.first-dev-pic{width:16vw;height:20vw;margin-left:6vw;z-index:1;object-fit:cover;border-radius:1.5rem}.first-dev-name{font-size:2.5vw;font-family:Arial;font-weight:700}.first-dev-description{font-size:1.5vw;font-family:Calibri;width:35vw;margin-top:.5vw}.second-dev{width:63vw;height:11vw;display:flex;flex-direction:row;align-items:center;justify-items:right;text-align:right;margin-bottom:9vw;margin-top:2.3vw;margin-left:38vw;gap:2vw}.second-dev-shape-outline{width:63vw;height:10vw;display:flex;position:absolute;margin-bottom:9vw;margin-top:35.8vw;background-color:transparent;border:solid white;border-width:.1rem;z-index:1;margin-left:39vw;border-top-left-radius:1.8vw;border-bottom-left-radius:2.2vw;transform:skew(-20deg)}.second-dev-shape-inside{width:63vw;height:10vw;display:flex;position:absolute;margin-bottom:9vw;margin-top:37vw;background-color:transparent;border-width:.1rem;z-index:-1;margin-left:40vw;border-top-left-radius:1.8vw;border-bottom-left-radius:2.2vw;transform:skew(-20deg);background:linear-gradient(to right,#c50e0e,#050374)}.second-dev-infos{display:flex;flex-direction:column;color:#fff}.second-dev-infos{margin-left:4vw}.second-dev-pic{width:16vw;height:20vw;margin-left:0vw;z-index:1;object-fit:cover;border-radius:1.5rem}.second-dev-name{font-size:2.5vw;font-family:Arial;font-weight:700}.second-dev-description{font-size:1.5vw;font-family:Calibri;width:35vw;margin-top:.5vw}.third-dev{width:63vw;height:11vw;display:flex;align-items:center;gap:2vw;margin-bottom:9vw;margin-top:1vw}.third-dev-shape-outline{width:63vw;height:10vw;display:flex;position:absolute;margin-bottom:9vw;margin-top:57vw;background-color:transparent;border:solid white;border-width:.1rem;z-index:0;margin-left:-2.5vw;border-top-right-radius:1.8vw;border-bottom-right-radius:2.2vw;transform:skew(20deg)}.third-dev-shape-inside{width:62vw;height:10vw;display:flex;position:absolute;margin-bottom:9vw;margin-top:58.2vw;background:linear-gradient(to right,#050374,#c50e0e);border-width:.1rem;z-index:-1;margin-left:-2.5vw;border-top-right-radius:1.8vw;border-bottom-right-radius:2.2vw;transform:skew(20deg)}.third-dev-infos{display:flex;flex-direction:column;color:#fff}.third-dev-pic{width:16vw;height:20.5vw;margin-left:6vw;z-index:1;object-fit:cover;border-radius:1.5rem}.third-dev-name{font-size:2.5vw;font-family:Arial;font-weight:700}.third-dev-description{font-size:1.5vw;font-family:Calibri;width:35vw;margin-top:.5vw}.fourth-dev{width:63vw;height:11vw;display:flex;flex-direction:row;align-items:center;justify-items:right;text-align:right;margin-bottom:9vw;margin-top:2.8vw;margin-left:38vw;gap:2vw}.fourth-dev-shape-outline{width:63vw;height:10vw;display:flex;position:absolute;margin-bottom:9vw;margin-top:80vw;background-color:transparent;border:solid white;border-width:.1rem;z-index:1;margin-left:39vw;border-top-left-radius:1.8vw;border-bottom-left-radius:2.2vw;transform:skew(-20deg)}.fourth-dev-shape-inside{width:63vw;height:10vw;display:flex;position:absolute;margin-bottom:9vw;margin-top:81vw;background-color:transparent;border-width:.1rem;z-index:-1;margin-left:40vw;border-top-left-radius:1.8vw;border-bottom-left-radius:2.2vw;transform:skew(-20deg);background:linear-gradient(to right,#c50e0e,#050374)}.fourth-dev-infos{display:flex;flex-direction:column;color:#fff}.fourth-dev-infos{margin-left:4vw}.fourth-dev-pic{width:16vw;height:20vw;margin-left:0vw;z-index:1;object-fit:cover;border-radius:1.5rem}.fourth-dev-name{font-size:2.5vw;font-family:Arial;font-weight:700}.fourth-dev-description{font-size:1.5vw;font-family:Calibri;width:35vw;margin-top:.5vw}.fifth-dev{width:63vw;height:11vw;display:flex;align-items:center;gap:2vw;margin-bottom:9vw;margin-top:.7vw}.fifth-dev-shape-outline{width:63vw;height:10vw;display:flex;position:absolute;margin-bottom:9vw;margin-top:100.5vw;background-color:transparent;border:solid white;border-width:.1rem;z-index:0;margin-left:-2.5vw;border-top-right-radius:1.8vw;border-bottom-right-radius:2.2vw;transform:skew(20deg)}.fifth-dev-shape-inside{width:62vw;height:10vw;display:flex;position:absolute;margin-bottom:9vw;margin-top:101.5vw;background:linear-gradient(to right,#050374,#c50e0e);border-width:.1rem;z-index:-1;margin-left:-2.5vw;border-top-right-radius:1.8vw;border-bottom-right-radius:2.2vw;transform:skew(20deg)}.fifth-dev-infos{display:flex;flex-direction:column;color:#fff}.fifth-dev-pic{width:16vw;height:20vw;margin-left:6vw;z-index:1;object-fit:cover;border-radius:1.5rem}.fifth-dev-name{font-size:2.5vw;font-family:Arial;font-weight:700}.fifth-dev-description{font-size:1.5vw;font-family:Calibri;width:35vw;margin-top:.5vw}.sixth-dev{width:63vw;height:11vw;display:flex;flex-direction:row;align-items:center;justify-items:right;text-align:right;margin-bottom:9vw;margin-top:2.3vw;margin-left:38vw;gap:2vw}.sixth-dev-shape-outline{width:63vw;height:10vw;display:flex;position:absolute;margin-bottom:9vw;margin-top:123vw;background-color:transparent;border:solid white;border-width:.1rem;z-index:1;margin-left:39vw;border-top-left-radius:1.8vw;border-bottom-left-radius:2.2vw;transform:skew(-20deg)}.sixth-dev-shape-inside{width:63vw;height:10vw;display:flex;position:absolute;margin-bottom:9vw;margin-top:124vw;background-color:transparent;border-width:.1rem;z-index:-1;margin-left:40vw;border-top-left-radius:1.8vw;border-bottom-left-radius:2.2vw;transform:skew(-20deg);background:linear-gradient(to right,#c50e0e,#050374)}.sixth-dev-infos{display:flex;flex-direction:column;color:#fff}.sixth-dev-infos{margin-left:4vw}.sixth-dev-pic{width:16vw;height:20vw;margin-left:0vw;z-index:1;object-fit:cover;border-radius:1.5rem}.sixth-dev-name{font-size:2.5vw;font-family:Arial;font-weight:700}.sixth-dev-description{font-size:1.5vw;font-family:Calibri;width:35vw;margin-top:.5vw}.landing-footer-section{background:#07061d;height:40vw;display:flex;justify-items:center;flex-direction:column;margin-top:-.5vw;padding:3vw}.contacts-landing{z-index:0;display:flex;margin-left:3vw;margin-top:12vw;margin-bottom:4vw;color:#fff;justify-content:center;align-items:center;flex-direction:row;gap:10vw}.footer-left{width:15vw;height:10vw;display:flex;flex-direction:column;justify-content:left;align-items:left;gap:.5vw;margin-left:-3vw;margin-right:10vw}.footer-left .footer-yuko-logo{display:flex;justify-self:right;align-self:right;width:11vw;margin-right:25vw}.ai-description-footer{font-size:.8vw;margin-top:1vw;width:12vw}.landing-contacts{display:flex;flex-direction:row}.footer-other-pages{display:flex;flex-direction:column;gap:.5vw;height:10vw}.footer-contacts{display:flex;flex-direction:column;gap:.5vw;align-self:start}.quick-links-title,.contacts-title{font-size:1.3vw;font-weight:700;margin-bottom:1vw}.footer-links{text-decoration:none;color:#fff;font-family:Arial;font-size:.95vw;cursor:pointer}.footer-links:hover{text-decoration:underline}.footer-socials{display:flex;flex-direction:row;justify-items:left;align-content:left;gap:.7vw}.horizontal-line{height:.1px;width:90vw;background-color:#fff;margin-left:2vw}.last-section{display:flex;flex-direction:row;color:#fff;margin-top:1vw;z-index:0;justify-content:space-between;gap:10vw;width:90vw;margin-left:2vw}.horizontal-line{margin-left:1.5vw;width:95%;height:.1vw}.copyrights{width:100%;margin-top:.5vw;font-size:1vw;text-align:center}.nav-bar-container .toogle-nav,.nav-bar-container .toggle-nav{display:flex;flex-direction:row;gap:2vw}.nav-bar-container .hamburger{display:none}.bar{display:flex;flex-direction:column;width:6.5vw;height:.9vw;margin:.5vw;background-color:#fff}@media only screen and (max-width: 500px){body{margin:0;padding:0;overflow-x:hidden;overflow:hidden}.nav-bar-container{margin:0;padding:0;font-size:1vw;width:100%;height:16vw;overflow-x:hidden;display:flex;flex-direction:row}.nav-bar-container .toogle-nav{display:none}.hamburger{display:flex;border:none;margin-left:70vw;flex-direction:column}.bar{display:flex;flex-direction:column;width:6.5vw;height:.9vw;margin:.5vw;border-radius:.3rem;background-color:#fff}.nav-divider{display:none}.nav-bar-container .hamburger{display:flex;position:absolute;color:#fff;background-color:unset;justify-content:right;cursor:pointer}.nav-menu .toggle-nav{display:flex;position:fixed;flex-direction:column;justify-content:space-evenly;align-items:center;width:100vw;height:130vw;font-size:3vw;margin-top:74vw;margin-left:-89vw;z-index:0;background:linear-gradient(to bottom,#020068ea,#a10d0def 110%)}.hamburger.active .bar:nth-child(2){opacity:0}.hamburger.active .bar:nth-child(1){transform:translateY(6.8px) rotate(50deg)}.hamburger.active .bar:nth-child(3){transform:translateY(-6.8px) rotate(-50deg)}.nav-home{margin-top:30vw}.nav-contacts{margin-bottom:2vw}.nav-home,.nav-features,.nav-developers,.nav-contacts{font-size:4vw;text-align:center;align-content:center;justify-items:center;font-weight:700;transition:font-size .3s}.nav-home:hover,.nav-features:hover,.nav-developers:hover,.nav-contacts:hover,.nav-home:active,.nav-features:active,.nav-developers:active,.nav-contacts:active{background-color:#fff;width:35vw;height:9vw;border-radius:6vw;text-shadow:none;color:#13119b;font-size:2.98vw}.color-nav{background:#0000005e;transition:1s;width:100%}.nav-yuko-logo{margin-top:1vw;width:25em;z-index:3}.landing-background-img{height:210vw;object-fit:cover;width:100%;position:absolute;overflow:hidden;overflow-x:hidden;overflow-y:hidden;z-index:0}.home-yuko-title{margin-top:2rem;font-size:20vw;overflow-x:hidden;overflow-y:hidden}.home-yuko-description{width:100%;font-size:3vw;margin-top:0;font-weight:200;padding:0;overflow-x:hidden;overflow-y:hidden}.log-in-button{margin-top:10vw;width:35vw;height:12vw;display:flex;border-radius:7vw;font-size:4vw;padding:0}.log-in-button:active{width:34.8vw;height:11.8vw;font-size:3.8vw}.features-landing-section{padding:0;height:640vw;width:100vw}.features-landing{width:100%;margin-top:230vw;margin-left:0}.features-top{flex-direction:column;justify-content:space-evenly;height:130vw;align-items:center}.features-first-section{width:90%;height:60vw;align-items:center;justify-items:center;margin-bottom:6vw}.feature-title{font-size:8vw;width:85vw;margin-bottom:0}.features-top-left-decscription{font-family:Calibri;font-size:3vw;width:84vw;color:#fff;height:45vw}.feature-section-divider{background-color:#fff0;height:0;width:0}.features-scroll-section{max-height:60vw;width:84vw;overflow-x:hidden;margin-top:-22vw}.features-scroll-section .features{border:solid;border-color:#fff;border-width:.5px;border-radius:.8rem;padding:2.5vw;display:flex;flex-direction:row;align-items:center;width:79vw}.features-pic-odd{width:32vw;margin:1vw}.features-pic-even{margin:1vw}.first-feature-content-odd{padding:2vw}.first-feature-content-even{padding:2vw;width:75vw}.features-title-odd,.features-title-even{font-size:3.5vw;font-weight:600}.features-description-odd,.features-description-even{font-size:2.7vw;line-height:3.5vw;margin-top:1.5vw}.features-bottom{display:flex;flex-direction:column;justify-content:space-evenly;align-items:center;margin-top:2vw;height:180vw}.chatbot1,.chatbot2{width:80vw;height:135vw}.chatbot2{margin-left:.1vw}.dev-landing-section{height:360vw;overflow:hidden}.dev-landing{width:100%;height:350vw;position:absolute;overflow:hidden}.dev-title{font-size:8vw;overflow:hidden}.first-dev{width:63vw;height:20vw;margin-bottom:9vw;margin-top:25vw}.first-dev-shape-outline{width:90vw;height:22vw;margin-bottom:9vw;margin-top:33vw;margin-left:-4.5vw;border-width:.5px}.first-dev-shape-inside{width:92vw;height:22vw;margin-bottom:11vw;margin-top:35vw;margin-left:-8vw}.first-dev-pic{width:31vw;height:42vw;margin-left:4vw;margin-right:1vw;z-index:1;object-fit:cover;border-radius:.8rem}.first-dev-name{font-size:5vw}.first-dev-description{font-size:3.5vw;font-family:Calibri;width:45vw;margin-top:.5vw}.second-dev{width:63vw;height:20vw;margin-bottom:9vw;margin-top:22.4vw}.second-dev-shape-outline{width:92vw;height:22vw;margin-bottom:9vw;margin-top:84vw;margin-left:17vw;border-width:.5px}.second-dev-shape-inside{width:90vw;height:22vw;margin-bottom:11vw;margin-top:86vw;margin-left:18.5vw}.second-dev-pic{width:31vw;height:42vw;margin-left:1vw;z-index:1;object-fit:cover;border-radius:.8rem}.second-dev-name{font-size:5vw;margin-left:-21vw}.second-dev-description{font-size:3.5vw;font-family:Calibri;width:45vw;margin-top:.5vw;margin-left:-25vw}.third-dev{width:63vw;height:20vw;margin-bottom:9vw;margin-top:21vw}.third-dev-shape-outline{width:90vw;height:22vw;margin-bottom:9vw;margin-top:134vw;margin-left:-4.5vw;border-width:.5px}.third-dev-shape-inside{width:92vw;height:22vw;margin-bottom:11vw;margin-top:136vw;margin-left:-8vw}.third-dev-pic{width:31vw;height:42vw;margin-left:4vw;margin-right:1vw;z-index:1;object-fit:cover;border-radius:.8rem}.third-dev-name{font-size:5vw}.third-dev-description{font-size:3.5vw;font-family:Calibri;width:45vw;margin-top:.5vw}.fourth-dev{width:63vw;height:20vw;margin-bottom:9vw;margin-top:20vw}.fourth-dev-shape-outline{width:92vw;height:22vw;margin-bottom:9vw;margin-top:183vw;margin-left:17vw;border-width:.5px}.fourth-dev-shape-inside{width:90vw;height:22vw;margin-bottom:11vw;margin-top:185vw;margin-left:18.5vw}.fourth-dev-pic{width:31vw;height:42vw;margin-left:1vw;z-index:1;object-fit:cover;border-radius:.8rem}.fourth-dev-name{font-size:5vw;margin-left:-20vw}.fourth-dev-description{font-size:3.5vw;font-family:Calibri;width:46vw;margin-top:.5vw;margin-left:-26vw}.fifth-dev{width:63vw;height:20vw;margin-bottom:9vw;margin-top:23vw}.fifth-dev-shape-outline{width:90vw;height:22vw;margin-bottom:9vw;margin-top:235vw;margin-left:-4.5vw;border-width:.5px}.fifth-dev-shape-inside{width:92vw;height:22vw;margin-bottom:11vw;margin-top:237vw;margin-left:-8vw}.fifth-dev-pic{width:40vw;height:42vw;margin-left:4vw;margin-right:1vw;z-index:1;object-fit:cover;border-radius:.8rem}.fifth-dev-name{font-size:5vw}.fifth-dev-description{font-size:3.5vw;font-family:Calibri;width:45vw;margin-top:.5vw}.sixth-dev{width:63vw;height:20vw;margin-bottom:9vw;margin-top:24vw}.sixth-dev-shape-outline{width:92vw;height:22vw;margin-bottom:9vw;margin-top:288vw;margin-left:17vw;border-width:.5px}.sixth-dev-shape-inside{width:90vw;height:22vw;margin-bottom:11vw;margin-top:290vw;margin-left:18.5vw}.sixth-dev-pic{width:31vw;height:42vw;margin-left:.8vw;z-index:1;object-fit:cover;border-radius:.8rem}.sixth-dev-name{font-size:5vw;margin-left:-17vw;width:38vw}.sixth-dev-description{font-size:3.5vw;font-family:Calibri;width:46vw;margin-top:.5vw;margin-left:-25vw}.landing-footer-section{background:#07061d;height:60vw;display:flex;justify-items:center;flex-direction:column;margin-top:-.5vw;padding:3vw}.contacts-landing{gap:5.8vw;margin-bottom:2vw}.footer-left{width:25vw;height:30vw;display:flex;flex-direction:column;justify-content:left;align-items:left;gap:.5vw;margin-left:-3vw;margin-right:8vw}.footer-left .footer-yuko-logo{width:25vw;margin-right:20vw}.ai-description-footer{font-size:2vw;margin-top:1vw;width:30vw}.footer-other-pages{display:flex;flex-direction:column;gap:.5vw;height:30vw}.footer-contacts{display:flex;flex-direction:column;gap:.5vw;align-self:start}.quick-links-title,.contacts-title{font-size:3.7vw;font-weight:700;margin-bottom:1vw}.footer-links{text-decoration:none;color:#fff;font-family:Arial;font-size:2.5vw;margin-top:.5vw;margin-bottom:1vw}.footer-socials{display:flex;flex-direction:row;justify-items:left;align-content:left;gap:.7vw}.horizontal-line{height:.1vw;width:90vw;background-color:#fff;margin-left:2vw}.last-section{display:flex;flex-direction:row;color:#fff;margin-top:1vw;z-index:0;justify-content:space-between;gap:10vw;width:90vw;margin-left:2vw}.copyrights{width:100%;margin-top:2vw;font-size:2.4vw;text-align:center}}*{margin:0;padding:0;box-sizing:border-box;font-family:Arial,Helvetica,sans-serif}body{display:flex;align-items:center;justify-content:center;place-items:center;min-width:100vw;min-height:100vh;width:100%;height:100%;object-fit:cover;z-index:-1;background-position:center;background-repeat:no-repeat;background-size:cover;background-attachment:fixed}.disclaimer{display:flex;position:absolute;color:#fff;margin-top:40vw;font-family:Arial;font-weight:lighter;flex-direction:row;justify-content:center;text-align:center}.bg-image{display:flex;align-items:center;justify-content:center;place-items:center;min-width:100vw;min-height:100vh;width:100%;height:100%;object-fit:cover;position:fixed;z-index:-1;background-position:center;background-repeat:no-repeat;background-size:cover;background-attachment:fixed}body .recover-pass-container{background-color:#000;filter:opacity(95%);display:flex;position:fixed;margin:auto;align-items:center;justify-content:center;min-width:100vw;min-height:100vh;background-attachment:fixed}.recover-pass-container .recover-pass{background-color:#eee;filter:opacity(100%);width:32vw;height:17vw;border-radius:1.5em;display:flex;flex-direction:column;align-items:center;justify-content:center}.recover-pass .recover-pass-title{color:#002072;font-size:1.77vw;font-weight:900;margin-bottom:1.3vw}.recover-pass .recover-pass-desc{color:#002072;font-family:Calibri,sans-serif;font-size:1.25vw;margin-bottom:1vw;width:26.8vw}.reset-pass-confirmation{font-size:1.1vw;font-family:Calibri;width:26.7vw;margin-bottom:.2em;color:#ed0101!important}.recover-pass .recover-pass-email{width:26.8vw;height:2.5vw;background-color:#eee;border:solid;color:#002072;border-color:#002072;border-width:1.9px;border-radius:.7em;padding-left:2.7vw;font-size:.9vw}.recover-pass .recover-pass-email::placeholder{color:#757575}.recover-pass .material-symbols-outlined{margin-left:-24vw;margin-top:-1.9vw;color:#858585;font-size:1.3vw}.recover-pass-container .recover-pass :focus~i{color:#002072;pointer-events:none}.recover-pass-buttons{display:flex;flex-direction:row;gap:.5em;margin-top:1.5vw}.recover-pass-buttons .reset-pass-button:hover{background:linear-gradient(to right,#7602a8,#ed0101)}.recover-pass-buttons .reset-pass-button{background:linear-gradient(to right,#ed0101,#380050);font-size:.8vw;color:#fff;border:none;width:15.3vw;height:2.3vw;border-radius:2em}.reset-pass-button:active{background:linear-gradient(to right,#7602a8,#ed0101);width:14.95vw;height:2.25vw;font-size:.75vw}.close-modal{background-color:#cfcfcf;font-size:.8vw;color:#002072;border:none;width:10.9vw;height:2.3vw;border-radius:2em}.recover-pass-buttons .close-modal:hover{background-color:#b9b9b9}.recover-pass-buttons .close-modal:active{width:10.85vw;height:2.25vw;font-size:.75vw}.yuko-logo{width:20vw;margin-right:7vw}.log-in-container{min-width:100%;margin:auto;border-radius:1rem;align-items:center;justify-content:center;padding:2rem 1.5rem;display:flex;gap:1.31vw}.log-in-container .login-title{text-align:center;color:#fff;font-size:3.5vw;font-weight:900;margin-bottom:2vw}.error-message{width:23vw;margin-bottom:-.2vw;font-size:.9vw}.log-in-form{background-color:#002072;filter:opacity(85%);display:flex;flex-direction:column;justify-content:center;align-items:center;width:30vw;height:34vw;border-radius:2.5rem;padding:1.5vw 4vw 0vw;margin-left:7vw;box-shadow:15px 15px 10px #000}.log-in-form .input-wrapper{height:61rem;width:23vw;position:relative;margin-top:.8vw;display:flex;flex-direction:row}.log-in-form .input-wrapper .input-field{height:2.8em;width:100%;padding:0 1.25em 0 3.5em;border-radius:.7rem;background-color:transparent;border-style:solid;border-color:#fff;color:#fff;border-width:1px;font-size:1.06vw;outline:none;-webkit-transition:.5s;transition:.2s ease}.log-in-form .input-wrapper .input-field::placeholder{color:#a7a7a7}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 30px rgba(187,9,53,.993) inset}input:-webkit-autofill{-webkit-text-fill-color:rgb(255,255,255)}.log-in-form .input-wrapper i{color:#b6b6b6;position:absolute;margin-top:1.7vw;left:1.2vw;font-size:1.3vw;pointer-events:none;transform:translateY(-65%)}.log-in-form .input-wrapper .input-field:focus~i{color:#fff;text-shadow:0px 0px 8px rgb(245,245,245)}.log-in-form .show-user-pass{position:absolute;width:5vw;font-size:.8vw;background-color:transparent;color:#a7a7a7;border:none;text-align:center;margin-top:1.7vw;left:18.5vw;transform:translateY(-65%)}.show-user-pass:hover{text-shadow:0px 0px 8px rgb(245,245,245);color:#fff}.show-user-pass:active{font-size:.7vw}.log-in-form .forgot-password-wrapper{width:23vw;display:flex;justify-content:left;align-items:left}.log-in-form .forgot-pass-link{font-size:1vw;display:flex;justify-content:left;margin-top:.5em}.log-in-form .log-in-button{width:53%;height:3rem;transform:scale(1);cursor:pointer;outline:none;border:none;color:#fff;font-size:1.4vw;font-weight:700;background:linear-gradient(to right,#380050,#ed0101);margin-top:3.5vw;border-radius:3rem;transition:background .7s ease-in-out}.log-in-form .log-in-button:active{transform:scale(.95)}.log-in-form .log-in-button:hover{background:linear-gradient(to right,#ed0101,#7602a8)}.log-in-container .no-account-text{text-align:center;width:25.5vw;font-size:.9vw;color:#a7a7a7;margin-top:6vw;margin-bottom:2vw;display:flex;justify-content:center;align-items:center}.log-in-container a{text-decoration:none;color:#fff;font-weight:700}.sign-up-button{font-size:1em;width:10vw;display:flex;justify-content:right;align-items:right;margin-left:2.5vw}.log-in-container a:hover{text-decoration:underline}@media only screen and (max-width: 500px){body{display:flex;display:column;place-items:center;align-items:center;justify-content:center}.disclaimer{display:flex;position:fixed;color:#fff;margin-top:190vw;font-family:Arial;font-weight:lighter;flex-direction:row;font-size:2.5vw;width:85vw;justify-content:center;text-align:center;line-height:3.5vw}.yuko-logo{width:45vmin;display:flex;position:fixed;top:9vw;left:27%;justify-content:center;align-items:center}.log-in-container .login-title{text-align:left;width:81vw;color:#fff;font-size:2em;font-weight:900;margin-bottom:1.5vw}.error-message{width:80vw;margin-top:1vw;margin-bottom:1.2vw;font-size:3.5vw}.log-in-form{background-color:transparent;filter:opacity(100%);display:flex;flex-direction:column;justify-content:center;align-items:center;position:fixed;width:80%;height:110vw;border:none;padding:0vw;left:12vw;margin-left:0vw;margin-top:71vw;box-shadow:none}.log-in-form .input-wrapper{width:80vw;height:15vw}.log-in-form .input-wrapper .input-field{height:2.8em;width:100%;border-radius:.7rem;font-size:4vw;padding:0 1.25em 0 3em}.log-in-form .input-wrapper i{width:5vw;height:5vw;margin-top:6.1vw;font-size:4.9vw;margin-left:2.5vw}.log-in-form .show-user-pass{background-color:transparent;width:9.2vw;height:5vw;margin-top:6.3vw;left:67vw;transform:translateY(-65%);font-size:3.5vw}.log-in-form .forgot-password-wrapper{width:80vw;display:flex;justify-content:left;align-items:left;margin-top:1.2vw}.log-in-form .forgot-pass-link{margin-top:-1em;padding-bottom:30px;font-size:3.5vw}.log-in-form .log-in-button{width:53%;height:43px;color:#fff;font-size:5vw;margin-top:9vw}.log-in-form .log-in-button:active{width:52.95%;height:39.95px;font-size:4.9vw}.log-in-container .no-account-text{width:80vw;font-size:.9em;margin-top:18vw}.sign-up-button{width:25vw}body .recover-pass-container{min-width:100vw;min-height:100vh}.recover-pass-container .recover-pass{background-color:#fff;filter:opacity(100%);width:32vw;height:17vw;border-radius:1em;display:flex;flex-direction:column;align-items:center;justify-content:center}.recover-pass .recover-pass-title{color:#002072;font-size:1.77vw;font-weight:900;margin-bottom:1.5vw}.recover-pass .recover-pass-desc{font-size:1vw;width:28vw}.recover-pass .recover-pass-email{width:26.8vw;height:2.5vw;border-width:.4vw;border-radius:.7em;padding-left:2.7vw;font-size:.9vw}.recover-pass .recover-pass-email::placeholder{color:#757575}.recover-pass .material-symbols-outlined{margin-left:-24vw;margin-top:-1.9vw;color:#858585;font-size:1.3vw}.recover-pass-container .recover-pass :focus~i{color:#002072;pointer-events:none}*:focus{outline:none}.recover-pass-buttons{display:flex;flex-direction:row;gap:.5em}.recover-pass-buttons .reset-pass-button:hover{background:linear-gradient(to right,#7602a8,#ed0101)}.recover-pass-buttons .reset-pass-button{background:linear-gradient(to right,#ed0101,#380050);font-size:.8vw;color:#fff;border:none;width:15vw;height:2.3vw;border-radius:2em}.recover-pass-buttons .reset-pass-button:active{background:linear-gradient(to right,#7602a8,#ed0101);width:14.95vw;height:2.25vw;font-size:.75vw}.recover-pass-buttons .close-modal{font-size:.8vw;width:10.9vw;height:2.3vw;border-radius:2em;margin-top:.7vw}.recover-pass-buttons .close-modal:hover{background-color:#b9b9b9}.recover-pass-buttons .close-modal:active{width:10.85vw;height:2.25vw;font-size:.75vw}.recover-pass-container .recover-pass{background-color:#eee;filter:opacity(100%);width:75vw;height:50vw}.recover-pass .recover-pass-title{font-size:4vw;margin-bottom:3vw}.recover-pass .recover-pass-desc{font-size:3.15vw;width:61.2vw;margin-bottom:3vw}.reset-pass-confirmation{font-size:3vw;font-family:Calibri;width:61.2vw;margin-bottom:.2em;color:#ed0101!important}.recover-pass .recover-pass-email{width:61.2vw;height:6.5vw;font-size:2.9vw;padding-left:7.5vw}.recover-pass .material-symbols-outlined{margin-left:-53vw;margin-top:-5.1vw;color:#858585;font-size:3.6vw}.recover-pass-buttons{display:flex;flex-direction:column;gap:.15em;margin-top:5vw}.recover-pass-buttons .reset-pass-button{background:linear-gradient(to right,#ed0101,#380050);font-size:2.5vw;color:#fff;border:none;width:61.2vw;height:6vw;border-radius:2em}.recover-pass-buttons .reset-pass-button:active{width:59.9vw;height:5.9vw;font-size:2.45vw}.recover-pass-buttons .close-modal{font-size:2.5vw;width:60vw;height:6vw}.recover-pass-buttons .close-modal:active{width:59.9vw;height:5.9vw;font-size:2.45vw}}.sign-up-bg-image{display:flex;align-items:center;justify-content:center;place-items:center;min-width:100vw;min-height:100vh;width:100%;height:100%;object-fit:cover;position:fixed;z-index:-1;background-position:center;background-repeat:no-repeat;background-size:cover;background-attachment:fixed;overflow-Y:hidden}.sign-up-container{min-width:100%;margin:auto;border-radius:1rem;align-items:center;justify-content:center;padding:2rem 1.5rem;display:flex;gap:1.31vw;overflow-Y:hidden}.sign-up-form{background-color:#002072;filter:opacity(85%);display:flex;flex-direction:column;justify-content:center;align-items:center;width:32vw;height:40vw;border-radius:2rem;box-shadow:15px 15px 10px #000}.sign-up-container .signup-title{text-align:center;color:#fff;font-size:3.5vw;font-weight:900;margin-top:1.3vw;margin-bottom:2vw;font-family:Arial}.sign-up-form .fname-signup-wrapper{height:4rem;width:23vw;position:relative;margin-top:.8vw;display:flex;flex-direction:row;gap:1vw}.sign-up-form .fname-signup-wrapper .fname-input-field{height:100%;width:100%;padding:0 1.25em 0 .7em;border-radius:.7rem;background-color:transparent;border-style:solid;border-color:#fff;color:#fff;border-width:1px;font-size:1.06vw;outline:none;-webkit-transition:.5s;transition:.2s ease;font-size:.9vw;font-family:Arial}.sign-up-form .lname-signup-wrapper{height:4rem;width:23vw;position:relative;margin-top:.8vw;display:flex;flex-direction:row;gap:1vw}.sign-up-form .lname-signup-wrapper .lname-input-field{height:100%;width:100%;padding:0 1.25em 0 .7em;border-radius:.7rem;background-color:transparent;border-style:solid;border-color:#fff;color:#fff;border-width:1px;font-size:1.06vw;outline:none;-webkit-transition:.5s;transition:.2s ease;font-size:.9vw;font-family:Arial}.sign-up-form .course-signup-wrapper .course-input-field{height:2.15rem;width:23vw;border-radius:.7rem;background-color:transparent;border-style:solid;border-color:#fff;color:#fff;border-width:1px;font-size:1.06vw;outline:none;-webkit-transition:.5s;transition:.2s ease;font-size:.9vw;font-family:Arial;padding-left:.6vw;margin-top:.75vw}.sign-up-form .email-signup-wrapper{height:4rem;width:23vw;position:relative;margin-top:.8vw;display:flex;flex-direction:row;gap:1vw}.sign-up-form .email-signup-wrapper .email-input-field{height:100%;width:100%;padding:0 1.25em 0 .7em;border-radius:.7rem;background-color:transparent;border-style:solid;border-color:#fff;color:#fff;border-width:1px;font-size:1.06vw;outline:none;-webkit-transition:.5s;transition:.2s ease;font-size:.9vw;font-family:Arial}.sign-up-form .pass-signup-wrapper{height:4rem;width:23vw;position:relative;margin-top:.8vw;display:flex;flex-direction:row;gap:1vw}.sign-up-form .pass-signup-wrapper .pass-input-field{height:100%;width:100%;padding:0 1.25em 0 .7em;border-radius:.7rem;background-color:transparent;border-style:solid;border-color:#fff;color:#fff;border-width:1px;font-size:1.06vw;outline:none;-webkit-transition:.5s;transition:.2s ease;font-size:.9vw;font-family:Arial}.sign-up-form .show-new-user-pass{position:absolute;width:5vw;font-size:.8vw;background-color:transparent;color:#a7a7a7;border:none;text-align:center;top:57%;left:18.5vw;transform:translateY(-65%);font-family:Arial}.show-new-user-pass:hover{text-shadow:0px 0px 8px rgb(245,245,245);color:#fff}.sign-up-form .privacy-policy{width:23vw;display:flex;justify-content:left;align-items:left;margin-top:.5vw;color:#fff;font-size:.9vw;font-family:Arial;gap:.3vw}.modal{background-color:#000000a9;filter:opacity(95%);display:flex;position:absolute;margin:auto;align-items:center;justify-content:center;border-radius:1.5rem;width:100%;height:100%;background-attachment:fixed}.modal-content{background-color:#fff;padding:20px;border-radius:8px;width:400px;text-align:center}.close{position:absolute;top:10px;right:10px;cursor:pointer;font-size:24px;color:#fff}.privacy-policy-title{color:#002072;font-size:2.5vw;font-family:Arial;font-weight:700}.privacy-policy-desc{margin-top:1vw;color:#002072;font-size:1.1vw;font-family:Arial}.policy-title{color:#002072;font-size:2.5vw;font-family:Arial;font-weight:700}.policy-desc{text-align:left;margin-top:1vw;color:#002072;font-size:1.1vw;font-family:Arial}.policy-desc-top{font-weight:600}.sign-up-form .privacy-policy-check{font-size:1vw;display:flex;justify-content:left;background-color:#0ff}input.privacy-policy-check{width:.8vw}.privacy,.policy{color:red;cursor:pointer}.signup-button{width:35%;height:63.5px;transform:scale(1);cursor:pointer;outline:none;border:none;color:#fff;font-size:1.2vw;font-weight:700;background:linear-gradient(to right,#380050,#ed0101);margin-top:3.5vw;border-radius:2rem;transition:background .7s ease-in-out}.signup-button:hover{background:linear-gradient(to right,#ed0101,#7602a8)}.signup-button:active{transform:scale(.95)}.sign-up-container .have-account-text{text-align:center;width:25.5vw;font-size:.9vw;color:#a7a7a7;margin-top:5vw;margin-bottom:1.4vw;display:flex;justify-content:center;align-items:center;font-family:Arial}.sign-in-button{font-size:1em;width:10vw;display:flex;justify-content:right;align-items:right;margin-left:1vw;font-family:Arial}.sign-in-button:active{text-decoration:underline;width:9.9vw}.sign-in-button:hover{text-decoration:underline}.sign-up-container a{text-decoration:none;color:#fff;font-weight:700}.sign-up-form .fname-input-field::placeholder{color:#a7a7a7}.sign-up-form .lname-input-field::placeholder{color:#a7a7a7}.sign-up-form .email-input-field::placeholder{color:#a7a7a7}.sign-up-form .pass-input-field::placeholder{color:#a7a7a7}.sign-up-form .studnum-input-field::placeholder{color:#a7a7a7}.sign-up-form .course-input-field::placeholder{color:#a7a7a7}.error-exist{color:red;font-size:.9vw}@media only screen and (max-width: 500px){.sign-up-form{background-color:transparent;filter:opacity(85%);display:flex;box-shadow:none;height:160vw;width:100vw;gap:3.3vw}.sign-up-form .fname-signup-wrapper{height:10vw;width:82vw}.sign-up-form .fname-signup-wrapper .fname-input-field{height:11vw;width:100%;padding:0 1.25em 0 .7em;border-radius:.7rem;background-color:transparent;border-style:solid;border-color:#fff;color:#fff;border-width:1px;font-size:1rem;outline:none;-webkit-transition:.5s;transition:.2s ease;font-family:Arial;padding-left:1rem}.sign-up-form .lname-signup-wrapper{height:10vw;width:82vw}.sign-up-form .lname-signup-wrapper .lname-input-field{height:11vw;width:100%;padding:0 1.25em 0 .7em;border-radius:.7rem;background-color:transparent;border-style:solid;border-color:#fff;color:#fff;border-width:1px;font-size:1rem;outline:none;-webkit-transition:.5s;transition:.2s ease;font-family:Arial;padding-left:1rem}.sign-up-form .course-signup-wrapper .course-input-field{height:10vw;width:82vw;padding:0 1.25em 0 .7em;border-radius:.7rem;background-color:transparent;border-style:solid;border-color:#fff;color:#fff;border-width:1px;font-size:1rem;outline:none;-webkit-transition:.5s;transition:.2s ease;font-family:Arial;padding-left:1rem}.sign-up-form .email-signup-wrapper{height:10vw;width:82vw}.sign-up-form .email-signup-wrapper .email-input-field{height:11vw;width:100%;padding:0 1.25em 0 .7em;border-radius:.7rem;background-color:transparent;border-style:solid;border-color:#fff;color:#fff;border-width:1px;font-size:1rem;outline:none;-webkit-transition:.5s;transition:.2s ease;font-family:Arial;padding-left:1rem}.sign-up-form .pass-signup-wrapper{height:10vw;width:82vw}.sign-up-form .pass-signup-wrapper .pass-input-field{height:11vw;width:100%;padding:0 1.25em 0 .7em;border-radius:.7rem;background-color:transparent;border-style:solid;border-color:#fff;color:#fff;border-width:1px;font-size:1rem;outline:none;-webkit-transition:.5s;transition:.2s ease;font-family:Arial;padding-left:1rem}.sign-up-form .show-new-user-pass{font-size:3vw;left:70vw;top:6vw}.sign-up-container .signup-title{text-align:center;color:#fff;font-size:15vw;font-weight:900;margin-bottom:10vw;font-family:Arial}.sign-up-form .privacy-policy{width:80vw;display:flex;justify-content:left;align-items:left;margin-top:1.2vw;font-size:3.5vw;gap:1.3vw}.sign-up-form .privacy-policy .privacy-policy-check{font-size:.8rem;height:4rem;width:1rem;margin-top:-1.5rem}.modal{border-radius:0rem;width:100%;height:100%}.modal-content{border-radius:13px;height:60vw;width:90vw;overflow-y:auto}.close{position:absolute;top:10px;right:10px;cursor:pointer;font-size:10vw;color:#fff}.privacy-policy-title{font-size:10vw;font-weight:700}.privacy-policy-desc{font-size:4.5vw;font-family:Arial}.policy-title{margin-bottom:4vw;font-size:9.4vw;font-weight:700}.policy-desc{font-size:4.5vw;font-family:Arial}.policy-desc-top{font-weight:600}.sign-up-form .signup-button{width:42vw;height:11vw;cursor:pointer;outline:none;border:none;color:#fff;font-size:4.5vw;font-weight:700;background:linear-gradient(to right,#380050,#ed0101);margin-top:3.5vw;border-radius:3rem;transition:background .7s ease-in-out}.signup-button:hover{background:linear-gradient(to right,#ed0101,#7602a8)}.sign-up-form .have-account-text{width:80vw;font-size:.9em;margin-top:10vw}.sign-up-form .sign-in-button{width:14vw;margin-left:15vw}.sign-up-form .sign-in-button:active,.sign-in-button:hover{text-decoration:underline}.sign-up-container{min-width:100%;margin:auto;border-radius:1rem;align-items:center;justify-content:center;padding:2rem 1.5rem;display:flex;gap:1.31vw;overflow-Y:hidden}.sign-up-form .fname-input-field::placeholder{color:#a7a7a7}.sign-up-form .lname-input-field::placeholder{color:#a7a7a7}.sign-up-form .email-input-field::placeholder{color:#a7a7a7}.sign-up-form .pass-input-field::placeholder{color:#a7a7a7}.sign-up-form .studnum-input-field::placeholder{color:#a7a7a7}.sign-up-form .course-input-field::placeholder{color:#a7a7a7}.error-exist{color:red;font-size:4vw}}.pv-sidebar{position:fixed;top:0;left:0;width:24rem;height:100vh;overflow-y:auto;background:linear-gradient(#720000,#00007e);color:#ffffffd8;z-index:9999;padding:3vh 1vw;display:flex;flex-direction:column;justify-content:space-between}.icon-container{margin-left:1vw;display:inline-flex;align-items:center;flex-direction:row;justify-content:space-between}.sidebar-container .pv-menu-icon-container{z-index:9999;position:fixed;top:1.5rem;left:.9rem;margin-left:.4vw;padding-right:.2rem;cursor:pointer}.sidebar-container .pv-menu-icon-container img{height:1.2rem}.sidebar-container .pv-menu-icon-container.hidden{visibility:hidden}.in-menu-icon-container{visibility:visible;margin-left:.3vw;padding-right:.3rem;cursor:pointer}.icon-container .textyuko{padding-right:.2rem;margin-left:12rem;height:1.3rem}.icon-container .new-chat{margin-left:-.5vw;cursor:pointer}.recent{margin-right:.2rem;margin-left:0rem;display:flex;flex-direction:column}.recent-title{font-size:1.6rem;margin-top:2rem;margin-left:.2rem;margin-bottom:1rem}.recent-entry{display:flex;align-items:start;margin:.6vh;margin-right:.5vw;gap:1vw;padding:2vh;padding-right:4vw;color:#e7e7e7;border-style:solid;border-color:#ffffffcb;border-width:.1vw;border-top-right-radius:.3rem;border-bottom-right-radius:.3rem;cursor:pointer}.recent-entry:hover{background-color:#ffffff18;color:#ffffffd7}.bottom{display:flex;flex-direction:column}.bottom-item{display:flex;align-items:start;gap:.5vw;padding:1.5vh;padding-right:4vw;cursor:pointer}.log-out{background-color:#00007e00;border-color:#e7e7e7b6;border-radius:.2rem;align-content:center;margin-left:5.5rem;width:10rem;color:#e7e7e7;padding:.5rem;cursor:pointer}.bottom-item:hover{color:#aaa}@media only screen and (max-width: 500px){.pv-sidebar{position:fixed;top:0;left:0;width:20rem;height:100vh;overflow-y:auto;background:linear-gradient(#720000,#00007e);color:#ffffffd8;z-index:9999;padding:3vh 1vw;display:flex;flex-direction:column;justify-content:space-between}.icon-container{margin-left:2vw;display:inline-flex;align-items:center;flex-direction:row;justify-content:space-between;cursor:pointer}.sidebar-container .pv-menu-icon-container{z-index:9999;position:fixed;top:1.5rem;left:.9rem;margin-left:.4vw;padding-right:.2rem}.sidebar-container .pv-menu-icon-container img{height:1.2rem}.sidebar-container .pv-menu-icon-container.hidden{visibility:hidden}.in-menu-icon-container{visibility:visible;margin-left:3vw;padding-right:.3rem}.icon-container .textyuko{padding-right:.5rem;margin-left:9rem;height:1.3rem}.icon-container .new-chat{margin-left:-.5vw}.recent{margin-right:1rem;margin-left:.5rem;display:flex;flex-direction:column}.recent-title{font-size:1.6rem;margin-top:2rem;margin-left:.2rem;margin-bottom:.8rem}.recent-entry{display:flex;align-items:start;margin:.7vh;margin-right:1vw;gap:4vw;padding:2.5vh;padding-right:4vw;color:#e7e7e7;border-style:solid;border-color:#ffffffcb;border-width:.1vw;border-top-right-radius:.3rem;border-bottom-right-radius:.3rem;cursor:pointer}.recent-entry:hover{background-color:#ffffff18;color:#ffffffd7}.bottom{display:flex;flex-direction:column}.bottom-item{display:flex;align-items:start;gap:.5vw;padding:1.5vh;padding-right:4vw;cursor:pointer}.log-out{background-color:#00007e00;border-color:#e7e7e7b6;border-radius:.2rem;align-content:center;margin-left:4.5rem;width:10rem;color:#e7e7e7;padding:.5rem}.bottom-item:hover{color:#aaa}}.chat-history{padding:1rem;width:100vw;background-color:#fff0;border-radius:.5rem}@media only screen and (max-width: 500px){.chat-history{padding:1rem;width:100vw;background-color:#fff0;border-radius:.5rem}}.yuko-container{display:flex;min-height:100vh;min-width:100vw;flex-direction:row}.main{display:flex;flex-direction:column;justify-content:center;flex-grow:1;margin-left:1vw;min-height:100vh;padding-bottom:10vw;position:relative;margin:0}.main .nav{position:fixed;top:-250vw;display:flex;align-items:center;justify-content:space-between;padding:2vh;cursor:pointer}.main .sidebar{position:fixed;top:-250vw}.main .nav img{height:1.5rem}.main-container{padding-top:4vw;padding-bottom:2vw;display:flex;flex-direction:column;max-width:90vw;margin:auto;text-align:center;align-items:center;justify-content:center}.main .greet{padding-bottom:1.5vh;margin:1vw 0vh;font-size:2.5rem;color:#130030c9;font-weight:500}.main .greet span{background:-webkit-linear-gradient(16deg,#bb0000,#0000bd);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.main .cards{display:grid;grid-template-columns:repeat(3,1fr)}.main .card{height:5.3vh;width:10vw;margin:0vw .6vw;padding:1.4vh;background-color:#cfcfdf;color:#130030a8;border-radius:9vh;cursor:pointer}.main .card:hover{background-color:#cfcfdfbd;color:#1300308e}.main .message-container{display:flex;align-items:center;overflow:hidden;justify-content:flex-start;margin:1rem 0;width:47.5vw;min-height:10vw;background-color:#f000}.message{margin:2rem 0;display:flex;flex-direction:row}.text-right{justify-content:flex-end}.text-left{justify-content:flex-start}.message-avatar{position:absolute;right:27vw;height:3rem;width:3rem;margin-left:1rem;justify-content:flex-end}.yuko-avatar{height:3rem;margin-right:1rem}.text-blue-500{justify-content:flex-end;text-align:left;background-color:#d9dfe6;color:#322f46;padding:1.5rem;margin-right:3.5rem;border-radius:.6rem;border-top-right-radius:0;max-width:70%}.text-gray-700{text-align:left;background-color:#d9dfe6;color:#322f46;padding:1.5rem;border-radius:.6rem;border-top-left-radius:0;max-width:70%}.main-bottom{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:50vw;padding:1.5vh 1vw;margin:0;background-color:#fff;z-index:1000}.main .search-box-container{background-color:#fff}.search-box{display:flex;align-items:center;justify-content:space-between;gap:2vw;background-color:#cfcfdf;padding:1vh 1vw;border-radius:4vw}.search-box .img{color:#000000af;width:1.5vw;cursor:pointer}.search-box .img:hover{color:#050505ce}.search-box input{flex:1;background:transparent;border:none;outline:none;padding:.8vw;font-size:1rem}.search-box div{display:flex;align-items:center;gap:1vw}#send{height:3.9vh;width:3.5vw;padding:8px;background-color:#9191bb;border-radius:4vw}#send:hover{color:#000000c5;background-color:#7f7fa3}.main .bottom-info{font-size:.9vw;margin:1vw -1vw;text-align:center;font-weight:300}@media only screen and (max-width: 500px){.main-container{padding-top:1vw;display:flex;flex-direction:column;max-width:90vw;margin:auto;text-align:center;align-items:center;justify-content:center}.main .yuko-icon img{height:30vw;margin-bottom:.5rem}.main .greet{padding-bottom:1.5vh;margin:1vw 0vh;font-size:2rem;color:#130030c9;font-weight:500}.main .greet span{background:-webkit-linear-gradient(16deg,#bb0000,#0000bd);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.main .cards{display:grid;grid-template-columns:repeat(3,1fr)}.main .card{height:5.3vh;width:10vw;margin:0vw .6vw;padding:1.4vh;background-color:#cfcfdf;color:#130030a8;border-radius:9vh;cursor:pointer}.main .card:hover{background-color:#cfcfdfbd;color:#1300308e}.main .message-container{display:flex;overflow:hidden;justify-content:right;width:94vw;background-color:#f000}.message{margin:2rem 0;display:flex}.text-right{justify-content:flex-end}.text-left{justify-content:flex-start}.text-blue-500{text-align:left;margin-right:2.4rem;background-color:#d9dfe6;color:#322f46;padding:1.2rem;border-radius:.6rem;border-top-right-radius:0;max-width:70%}.text-gray-700{text-align:left;background-color:#d9dfe6;color:#322f46;padding:1.2rem;border-radius:.6rem;border-top-left-radius:0;max-width:70%}.message-avatar{position:absolute;right:1.9rem;height:2rem;width:2rem;margin-left:0rem;justify-content:flex-end}.yuko-avatar{height:2rem;margin-right:.5rem}.main-bottom{bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:90vw;padding:1.5vh 1vw;margin:0}.main .search-box-container{background-color:#fff}.search-box{display:flex;align-items:center;justify-content:space-between;gap:2vw;background-color:#cfcfdf;padding:.5rem;border-radius:4rem;margin-bottom:.7rem}.search-box .img{color:#000000af;width:1.5rem;cursor:pointer}.search-box .img:hover{color:#050505ce}.search-box input{flex:1;background:transparent;border:none;outline:none;padding:.3rem;font-size:.8rem}.search-box div{display:flex;align-items:center;gap:.3rem}#send{height:1.5rem;width:2.5rem;padding:8px;background-color:#9191bb;border-radius:4vw}#send:hover{color:#000000c5;background-color:#7f7fa3}.main .bottom-info{font-size:.7rem;margin:1vw auto;text-align:center;font-weight:300}}