.postTitle,a{font-family:"Google Sans",roboto,arial,helvetica}#HomeFont,#HomeFontNavbar,#HomePageHeading,#ReviewFont{font-family:'Bebas Neue',sans-serif;font-weight:bolder;color:#fff;text-align:center;font-style:italic}td,th{padding:8px}body,nav{background-color:#000}#progress-bar,nav{position:fixed;top:0;left:0}a,nav .links a{font-size:16px;text-decoration:none}input::-webkit-inner-spin-button,input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}*{scrollbar-width:unset;scrollbar-color:rgb(255,0,0) rgb(0,0,0)}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{background:#000}::-webkit-scrollbar-thumb{background-color:#000;border-radius:50px;border:3px solid red}body{scrollbar-width:thin;scrollbar-color:red black}.home{display:flex;flex-direction:row;justify-content:center;margin-bottom:10px;gap:70px}.homeContainer,.postContainer{margin-left:auto;margin-right:auto;max-width:50rem;margin-bottom:6px;position:relative}#icon{width:100px;height:100px}.postTitle{padding:5px;margin-top:10px}.box,.boxResult,a{padding:10px}.readMore{color:#000555}a{color:#26282b;font-weight:650}a:hover{text-decoration:underline;text-decoration-thickness:2px}p{font-family:Roboto,sans-serif;color:#5f6266;font-weight:450;margin:10px}.pie,nav .links a,td,th{font-weight:700}.slider-container{width:100%;height:100%;position:relative}.homeItem,.postContainer{background-color:#fff;height:200px}.accessory{flex:1;display:flex;justify-content:center;align-items:center}.accessory img{max-width:100%;max-height:100%}.homeItem{width:200px;box-shadow:0 0 10px rgba(0,0,0,.13);border-radius:20px;flex:1 1 calc(33.33% - 10px);align-items:center;justify-content:center;place-items:center;display:grid}#HomeFont,#HomeFontNavbar{font-size:45px;margin:3% 4%}#ReviewFont{font-size:45px}#HomePageHeading{font-size:70px;margin:15% 4% 3%}.homeContainer{display:flex;flex-direction:column}.postContainer{flex-direction:row;padding:10px;width:100%;border:2px solid #c2c2c2;border-radius:20px;flex:1 1 calc(33.33% - 10px)}.box,.boxResult{width:30%;float:left}.boxResult,input{border-radius:10px}input{float:right;color:gray;font-size:16px;border-color:#000}.boxResult{background-color:#f3f3f3;text-align:center}.resultColorBox,.resultColorBox1{width:15px;height:15px;margin-left:5%;display:inline-block;vertical-align:middle}.resultColorBox{background-color:rgba(11,0,133,.8)}.resultColorBox1{background-color:gray}#resultBoxFont{display:inline-block;margin:0;vertical-align:middle}#colorBoxRow{margin:10%}.container{display:flex;flex-direction:row;justify-content:center;gap:30px}th{border:1px solid #ddd;color:#fff;background-color:#000555;text-align:left}#heading,#headline,#tableHeading,.box p,.discription,.features,footer,td{text-align:center}tr:nth-child(2n){background-color:#ddd}.slidecontainer{width:100%;margin-top:30px}.slider{background:#fff;outline:0;opacity:.7;-webkit-transition:.2s;transition:opacity .2s}nav .icon-burger .line,nav .icon-burger .line1{background-color:#fff;border-radius:2px;transition:.3s ease-in-out}.discription{font-family:'Courier New',Courier,monospace}.slider::-webkit-slider-thumb{-webkit-appearance:none;height:26px;width:26px;border-radius:50%;background:#000555;margin-top:-1px;box-shadow:1px 1px 2px rgba(#000,.5);cursor:pointer}.slider::-moz-range-thumb{width:25px;height:25px;background:#04aa6d;cursor:pointer}.circular-progress{position:relative;height:200px;width:200px;border-radius:50%;display:grid;place-items:center}.circular-progress:before{content:"";position:absolute;height:84%;width:84%;background-color:#dadada;border-radius:50%}nav{z-index:1;right:0;font-family:Montserrat,sans-serif;height:70px;box-shadow:0 0 5px 0 rgba(255,255,255,0)}#progress-bar{width:0;height:3px;background-color:#4caf50;z-index:2;transition:width .3s}nav .logo{float:left;width:35%;height:50%;display:flex;align-items:center;font-size:24px;color:#000;margin-top:15px;margin-left:2%}nav .links{float:right;padding:0;margin:0;width:30%;height:100%;display:flex;justify-content:space-around;align-items:center}nav .links li{list-style:none}nav .links a{display:block;padding:1em;color:#fff}#nav-toggle{position:absolute;top:-100px}nav .icon-burger{display:none;position:absolute;right:5%;top:50%;transform:translateY(-50%)}nav .icon-burger .line{width:30px;height:2px;margin:5px}nav .icon-burger .line1{width:21px;height:4px;margin-left:14px}#navLogo{height:50px;width:50px;margin:3%}#seprateNav{margin-bottom:4%}.progress-container{width:100%;height:4px;background:#000;position:absolute;bottom:0}.progress-bar{height:4px;background:red;width:0%}footer{background-color:red;color:#fff;border:solid red}@property --p{syntax:'<number>';inherits:true;initial-value:0}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:30px;height:30px;background-color:#00008b;border:2px solid #00008b;border-radius:50%;box-shadow:0 2px 4px #000}.pie{width:var(--w);aspect-ratio:1;position:relative;display:inline-grid;margin:5px;place-content:center;font-size:25px;font-family:sans-serif}.pie:after,.pie:before{content:"";position:absolute;border-radius:50%}.pie:before{inset:0;background:radial-gradient(farthest-side,var(--c) 98%,#0000) top/var(--b) var(--b) no-repeat,conic-gradient(var(--c) calc(var(--p)*1%),#0000 0);-webkit-mask:radial-gradient(farthest-side,#0000 calc(99% - var(--b)),#000 calc(100% - var(--b)));mask:radial-gradient(farthest-side,#0000 calc(99% - var(--b)),#000 calc(100% - var(--b)));background-color:#dcdbff}.pie:after{inset:calc(50% - var(--b)/ 2);background:var(--c);transform:rotate(calc(var(--p)*3.6deg)) translateY(calc(50% - var(--w)/ 2))}.animate{animation:1s linear .5s forwards p}.no-round:before{background-size:0 0,auto}.no-round:after{content:none}@keyframes p{from{--p:0}}#headline{font-family:'Franklin Gothic Medium','Arial Narrow',Arial,sans-serif;font-weight:900}#tableHeading{font-family:'Courier New',Courier,monospace;font-weight:900;font-size:medium;margin-top:30px}#heading{font-family:'Bebas Neue',sans-serif;font-size:25px;font-weight:bolder;margin:3% 4%;font-style:italic;background-color:#726a6a;color:#fff}#BuyButton,#NavButton{display:inline-block;color:#fff;font-weight:700;cursor:pointer}body,html{margin:0;padding:0;height:100%}.slider{width:100%;height:100%;background-repeat:no-repeat;background-position:center;margin-top:1.3%;opacity:unset}.circle-container{display:flex;justify-content:center;position:absolute;bottom:20px;left:0;right:0}.circle{width:30px;height:30px;border-radius:50%;margin:0 10px;cursor:pointer;border:2px solid #000}.black,.dlx{background-color:#000}.blue{background-color:#00f}#BuyButton,#NavButton,.red{background-color:red}.strom{background-color:#09c1da}table{margin:5px auto 50px;align-content:center;align-content:center;font-family:arial,sans-serif;border-collapse:collapse;width:30%}.line{border-top:3px solid #fff;margin:2% auto;width:80%}.container{display:flex;max-width:80%;margin:0 auto 3%}.box{flex:1}.box p{max-width:600px;margin:10px auto}.features{flex:1;padding:2px;display:flex;flex-direction:column;align-items:center}.box img{max-width:100%;height:auto;display:block;margin:0 auto}.buy-button-container{display:flex;justify-content:center;align-items:center;margin-top:10px}#BuyButton{padding:20px 30px;border:none;border-radius:30px;font-size:20px}#BuyButton:hover{background-color:#ff3b3b}#NavButton{border:none;border-radius:30px;font-size:16px}@media screen and (max-width:768px){#HomeFont,#HomePageHeading,#ReviewFont{font-family:'Bebas Neue',sans-serif;text-align:center;font-weight:bolder;font-style:italic}.homeContainer,.postContainer{position:relative;max-width:50rem}#homeBg,.slider{background-position:center}.box,.container,.home{display:flex}nav,nav .links{position:fixed;left:0;right:0}nav .links,nav .logo{float:none;width:auto}nav .links,p{overflow:hidden}.box img,nav .icon-burger{display:block}#BuyButton,#ReviewFont,a,nav .links a,th{color:#fff}body{padding-top:30px}.slider{width:100%;height:100%;background-repeat:no-repeat;background-size:contain;opacity:unset}.slider-container{width:100%;height:80%;position:relative}#HomeFont{font-size:45px;margin:3% 4%}#ReviewFont{font-size:40px}#HomePageHeading{font-size:55px;margin:3% 4%;color:#fff}#BuyButton{display:inline-block;padding:10px 20px;background-color:red;border:none;border-radius:30px;font-size:16px;font-weight:700;cursor:pointer}.homeItem,.postContainer{background-color:#fff;height:200px;border-radius:20px}.homeContainer{display:flex;flex-direction:column;margin:10px}a{font-family:"Google Sans",roboto,arial,helvetica;text-decoration:none;padding:10px;font-weight:650;font-size:14px}p{font-family:Roboto,sans-serif;color:#cacaca;font-weight:200;margin:5px}td,th{text-align:center;padding:8px;font-weight:700}.postContainer{flex-direction:row;margin-left:auto;margin-right:auto;margin-bottom:10px;padding:7px;width:90%;box-shadow:0 0 10px rgba(0,0,0,.05);flex:1 1 calc(33.33% - 10px)}.home{flex-direction:column;justify-content:center;align-items:center;gap:20px;margin-bottom:10px}.homeItem{width:200px;box-shadow:0 0 10px rgba(0,0,0,.13);flex:unset}#homeBg{background-image:url("bg.svg");background-size:cover}.discription{text-align:center;font-family:'Times New Roman',Times,serif;font-weight:900}#finalImage{flex-direction:column}.container{flex-direction:column-reverse;justify-content:center;align-items:center;gap:10px}.box{flex-wrap:wrap;flex-direction:column;width:80%;height:30%;margin-top:10px}.box img{max-width:100%;height:auto;margin:0 auto}.boxResult{width:80%;padding:10px}.resultColorBox{width:15px;height:10px;background-color:rgba(11,2,95,.8);display:inline-block}#seprateNav{margin-bottom:8.5%}nav{z-index:1;top:0;font-family:Montserrat,sans-serif;height:63px;background-color:#000}nav .logo{justify-content:left;color:#000}nav .links{z-index:9;top:60px;bottom:100%;height:auto;flex-direction:column;justify-content:space-evenly;background-color:rgba(255,33,33,.8);box-sizing:border-box;transition:.5s ease-in-out}nav .links a{font-size:20px}nav :checked~.links{bottom:0}nav :checked~.icon-burger .line:first-child{transform:translateY(4px) rotate(225deg)}nav :checked~.icon-burger .line:nth-child(3){transform:translateY(-14px) rotate(-225deg)}nav :checked~.icon-burger .line1:nth-child(2){opacity:0}#navLogo{height:50px;width:50px;margin:3%}table{margin:50px auto;font-family:arial,sans-serif;border-collapse:collapse;width:82%}th{border:1px solid #ddd;background-color:#000555;font-size:13px}td{font-size:15px}tr:nth-child(2n){background-color:#ddd}}