.home{background-color:#303131;flex-direction:column;justify-content:center;align-items:center;height:100vh;display:flex}.h2-home{color:#fff;margin:0;font-family:Almarai;font-size:clamp(2rem,1.286rem + 1.905vw,3rem)}h1{color:#fff;font-family:Red Rose;font-size:clamp(3.5rem,10vw - .25rem,8.75rem);font-weight:700}.button{color:#303131;background-color:#f0ea6e;border:none;justify-content:center;align-items:center;gap:clamp(.75rem,.393rem + .952vw,1.25rem);width:clamp(12.5rem,10.268rem + 5.952vw,15.625rem);height:clamp(5rem,4.196rem + 2.143vw,6.125rem);text-decoration:none;display:flex}.button:hover .button__controller{transform:rotate(-25.77deg)}.button:hover .button__arrow{width:36px}.button-text{color:#303131;font-family:Red Rose;font-size:clamp(1.75rem,1.214rem + 1.429vw,2.5rem);font-weight:700}.controller-big{width:clamp(9.375rem,71vw - 17.25rem,22.688rem);position:fixed;bottom:0;left:0}.content{justify-content:space-around;padding:54px;display:flex}.settings{font-family:Almarai}.h2-settings{margin:0;font-family:Red Rose;font-size:54px}.line-wrap{align-items:center;margin-top:-8px;margin-left:-18px;display:flex}.diamond{background-color:#f0ea6e;width:16px;height:16px;margin-left:-5px;transform:rotate(45deg)}.line-big{background-color:#f0ea6e;width:251px;height:4px;margin-left:-5px}.settings-box{flex-direction:column;margin:40px 0 0 40px;display:flex}.settings-box-headline{gap:8px;height:32px;margin-bottom:18px;display:flex}h3{margin:0 0 14px;font-size:18px}.settings-box-inner{flex-direction:row;align-items:center;gap:10px;margin-left:44px;display:flex}.circle{cursor:pointer;justify-content:center;align-items:center;width:20px;height:20px;margin-right:10px;transition:all .15s;display:flex}.circle:after{content:"";background-color:#0000;border-radius:50%;width:5px;height:5px;transition:background-color .15s}.circle:hover:after{background-color:#303131}ul{margin:unset;padding:unset;flex-direction:column;gap:12px;display:flex}ul>li{align-items:center;height:20px;display:flex}.preview-themes{flex-direction:column;align-items:flex-end;display:flex}.preview-box{background:linear-gradient(to bottom left,#303131,#6d6d6d);border-radius:16px;width:460px;height:412px}.preview-headline{background-color:#4dd5bc33;justify-content:space-around;align-items:center;margin:30px;font-family:Red Rose;display:flex}.selected-settings{background-color:#f6f6f6;gap:12px;margin-top:45px;padding:14px 20px;font-family:Almarai;font-size:20px;display:flex}.selected-settings>button{cursor:pointer;background-color:#f0ea6e;border:none;justify-content:center;align-items:center;gap:8px;width:126px;height:53px;font-family:Red Rose;font-size:20px;font-weight:700;display:flex}.line{background-color:#f0ea6e;width:8px;height:56px;transform:rotate(9.33deg)}@font-face{font-display:swap;font-family:Almarai;font-style:normal;font-weight:400;src:url(/assets/fonts/almarai-v19-latin-regular.woff2)format("woff2")}@font-face{font-display:swap;font-family:Almarai;font-style:normal;font-weight:700;src:url(/assets/fonts/almarai-v19-latin-700.woff2)format("woff2")}@font-face{font-display:swap;font-family:Red Rose;font-style:normal;font-weight:400;src:url(/assets/fonts/red-rose-v25-latin-regular.woff2)format("woff2")}@font-face{font-display:swap;font-family:Red Rose;font-style:normal;font-weight:700;src:url(/assets/fonts/red-rose-v25-latin-700.woff2)format("woff2")}body{width:100vw;height:100vh;margin:0}