@font-face{font-display:swap;font-family:Rubik;font-style:normal;font-weight:300;src:url(./fonts/rubik-v28-latin-300.woff2) format("woff2")}@font-face{font-display:swap;font-family:Rubik;font-style:normal;font-weight:400;src:url(./fonts/rubik-v28-latin-regular.woff2) format("woff2")}@font-face{font-display:swap;font-family:Rubik;font-style:italic;font-weight:400;src:url(./fonts/rubik-v28-latin-italic.woff2) format("woff2")}@font-face{font-display:swap;font-family:Rubik;font-style:normal;font-weight:500;src:url(./fonts/rubik-v28-latin-500.woff2) format("woff2")}:root{--purple-color: #a729f5;--dark-navy-color: #313e51;--navy-color: #3b4d66;--gray-navy-color: #626c7f;--light-bluish-color: #abc1e1;--light-grey-color: #f4f6fa;--prue-white-color: #ffffff;--green-color: #26d782;--red-color: #ee5454;--main-font-family: "Rubik", Arial, Helvetica, sans-serif;--body-bg-image: url(../assets/pattern-background-desktop-light.svg);--body-bg-image-tablet: url(../assets/pattern-background-tablet-light.svg);--body-bg-image-mobile: url(../assets/pattern-background-mobile-light.svg);--sun-icon: url(../assets/icon-moon-dark.svg);--moon-icon: url(../assets/icon-sun-dark.svg)}.dark-mode{--light-grey-color: #313e51;--dark-naviy-color: #ffffff;--gray-navy-color: #abc1e1;--dark-navy-color: #ffffff;--prue-white-color: #3b4d66;--body-bg-image: url(./assets/pattern-background-desktop-dark.svg);--body-bg-image: url(../assets/pattern-background-desktop-dark.svg);--body-bg-image-tablet: url(../assets/pattern-background-tablet-dark.svg);--body-bg-image-mobile: url(../assets/pattern-background-mobile-dark.svg);--sun-icon: url(../assets/icon-moon-light.svg);--moon-icon: url(../assets/icon-sun-light.svg)}*,*:after,*:before{margin:0;padding:0;box-sizing:border-box;-webkit-user-select:none;user-select:none}*:focus{outline:2px dotted var(--purple-color);outline-offset:3px}img{display:flex;object-fit:cover}ul,li{list-style:none}a{text-decoration:none;display:inline-block}html,body,#root{height:100%}#root{display:flex;flex-direction:column}main{flex-grow:1}body{min-height:100vh;font-family:var(--main-font-family);font-weight:500;background-image:var(--body-bg-image);background-repeat:no-repeat;background-size:cover;background-color:var(--light-grey-color);color:var(--dark-navy-color)}.big-text{font-weight:500;font-size:144px;line-height:1}h1{font-size:64px;line-height:1;font-weight:500}h2{font-size:36px;line-height:1;font-weight:500}h3{font-size:28px;line-height:1;font-weight:500}p{font-size:12px;line-height:1.5;font-weight:400}.container{width:100%;max-width:1260px;margin-left:auto;margin-right:auto;padding-left:50px;padding-right:50px}.btn{border:0;background-color:var(--purple-color);color:var(--prue-white-color);border-radius:24px;padding:32px 0;font-size:28px;line-height:1;font-family:inherit;cursor:pointer;font-weight:500;width:70%;text-transform:capitalize}body.dark-mode .btn{color:var(--dark-naviy-color)}.btn:hover{background-color:#a729f580}.header{padding-top:83px;margin-bottom:85px}.header-container{display:flex;justify-content:space-between;align-items:center}.header-logo{display:flex;align-items:center;gap:24px}.header-logo figure{justify-content:center;align-items:center;border-radius:8px;background-color:#f6e7ff;width:56px;height:56px;display:flex}.header-logo span{font-size:28px;line-height:1;color:var(--dark-navy-color)}.dark-btn{display:flex;gap:16px;cursor:pointer;align-items:center}.dark-btn:before,.dark-btn:after{display:inline-block;content:"";height:24px;width:24px;background-size:contain;background-repeat:no-repeat}.dark-btn:after{background-image:var(--sun-icon)}.dark-btn:before{background-image:var(--moon-icon)}header input{display:none}.dark-btn>span{display:flex;align-items:center;padding:4px;border-radius:999px;background-color:var(--purple-color)}.dark-btn>span span{display:block;width:20px;height:20px;background-color:#fff;border-radius:50%}.dark-btn>span span:last-child{visibility:hidden}.dark-btn>span span:first-child{transition:transform .3s ease}header input:checked+span span:first-child{transform:translate(100%)}.home-container{display:grid;grid-template-columns:1fr 1fr;gap:20px}.home-title{margin-bottom:48px;font-weight:500}.home-title span:first-child{font-weight:300;display:block}.home-content p{font-style:italic;font-size:20px}.menu-list{display:flex;flex-direction:column;gap:24px}.menu-item{display:flex;align-items:center;padding:20px;gap:32px;background:var(--prue-white-color);box-shadow:0 16px 40px #8fa0c124;border-radius:24px}.menu-item span{font-size:28px}.menu-link{width:100%}.quiz-container{padding-bottom:172px}.test-container{display:grid;grid-template-columns:1fr 1fr;gap:50px}.test-questions form{position:relative}.test-content{width:100%;max-width:465px;min-height:452px;display:flex;flex-direction:column}.test-description{font-size:20px;font-style:italic;color:var(--gray-navy-color);margin-bottom:27px}.test-title{margin-bottom:auto}.test-proccess-container{width:100%;padding:4px;background-color:var(--prue-white-color);border-radius:999px}.test-proccess{height:8px;background-color:var(--purple-color);border-radius:inherit;width:45%}.test-list{display:flex;flex-direction:column;gap:24px}.test-label{background-color:var(--prue-white-color);padding:18px 20px;width:100%;display:flex;align-items:center;border-radius:24px;cursor:pointer;color:var(--dark-navy-color);font-size:28px;border:3px solid transparent}.test-label input{appearance:none}.test-label input:focus{outline:none}.test-letter{color:var(--gray-navy-color);display:flex;justify-content:center;align-items:center;border-radius:8px;margin-right:32px;background-color:var(--light-grey-color);width:56px;height:56px;flex-shrink:0}body.dark-mode .test-letter{background-color:var(--dark-naviy-color);color:#626c7f}.test-label:hover .test-letter{background-color:var(--light-grey-color);color:var(--purple-color)}body.dark-mode .test-label:hover .test-letter{background-color:#f6e7ff;color:var(--purple-color)}.test-label:has(>input:checked){border-color:var(--purple-color)}.test-label:has(>input:checked) .test-letter{background-color:var(--purple-color);color:var(--prue-white-color)}body.dark-mode .test-label:has(>input:checked) .test-letter{background-color:var(--purple-color);color:var(--dark-naviy-color)}.test-text{margin-right:auto}.test-icon-incorrect,.test-icon-correct{display:none}.correct{border-color:var(--green-color)!important}.correct .test-form__key{background-color:var(--green-color)!important;color:var(--prue-white-color)!important}.correct .test-icon-correct{display:flex}.incorrect{border-color:var(--red-color)!important}.incorrect .test-form__key{background-color:var(--red-color)!important;color:var(--prue-white-color)}.incorrect .test-icon-incorrect{display:flex}.test-btn{position:absolute;left:0;width:100%;margin-top:32px}.test-completed-body{background-color:var(--prue-white-color);padding:48px;border-radius:24px;display:flex;flex-direction:column;align-items:center;margin-bottom:32px}.test-completed .menu-item{box-shadow:none;margin-bottom:40px;padding:0}.test-completed-body{box-shadow:0 16px 40px #8fa0c124}.test-completed-body .big-text{margin-bottom:16px}.test-completed-body p{font-size:24px;color:var(--gray-navy-color)}.test-container .btn{text-align:center;width:100%}footer{display:flex;justify-content:center;gap:10px;padding:15px 0}footer a{color:var(--dark-navy-color)}.error-container{min-height:100vh;display:grid;place-items:center;text-align:center;font-weight:300}.error-container div{display:flex;flex-direction:column;gap:30px;align-items:center}.error-container img{width:500px;height:400px;object-fit:cover}@media screen and (max-width: 900px){.result-container{grid-template-columns:1fr}.test-text{font-size:18px}}@media screen and (max-width: 768px){body{background-image:var(--body-bg-image-tablet);background-size:auto}.header{padding-top:40px;margin-bottom:49px}.container{padding-left:24px;padding-right:24px}.home-container{grid-template-columns:1fr;gap:64px}.home-content h1,.result-container .home-title{margin-bottom:16px}.menu-item{padding:12px}.test-container{grid-template-columns:1fr;gap:64px}.test-content{max-width:100%;min-height:auto}.test-title{margin-bottom:40px}.test-text{font-size:28px}}@media screen and (max-width: 500px){body{background-image:var(--body-bg-image-mobile);background-size:cover}.header-logo{gap:16px}.header-logo span{font-size:18px}.header-logo figure{width:40px;height:40px}.header-logo figure img{width:29px;height:29px}.home-content h1{font-size:40px}.dark-btn:before,.dark-btn:after{width:16px;height:16px}.dark-btn{gap:8px}.dark-btn>span span{width:12px;height:12px}.menu-item{border-radius:12px}.test-container{gap:40px}.test-description{font-size:14px;margin-bottom:12px}.test-title{font-size:20px;margin-bottom:24px}.test-label{padding:9px}.test-text{font-size:18px}.test-btn{font-size:18px;border-radius:12px}.test-completed-body{padding:32px}.test-completed-body .big-text{font-size:88px}.test-completed-body p{font-size:18px}.error-container{font-size:20px}.btn{padding:19px;font-size:18px;border-radius:12px}}