@font-face{font-family:CodeLight;src:url(../assets/fonts/CODE_Light.otf)}@font-face{font-family:CodeBold;src:url(../assets/fonts/CODE_Bold.otf)}@font-face{font-family:CodeLight;src:url(/assets/CODE_Light-Dc38sKte.otf)}@font-face{font-family:CodeBold;src:url(/assets/CODE_Bold-64xwO2VZ.otf)}.homePage{height:100vh}.homePage .top{animation-name:fadeInTop;animation-duration:1s;animation-timing-function:ease;transition-delay:.5;animation-delay:.5;padding-top:100px;margin-bottom:100px;text-align:center}@-webkit-keyframes fadeInTop{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInTop{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.homePage .top p{margin-top:10px;font-size:1.3em;font-style:italic;color:#7f8c8d}.homePage .tools{width:100%;text-align:center}.homePage .tools .tool{animation-name:fadeInDown;animation-duration:1s;animation-timing-function:ease;animation-fill-mode:forwards;display:inline-block;vertical-align:top;color:inherit;text-align:center;text-decoration:none;cursor:pointer;opacity:0}.homePage .tools .tool:nth-child(1){transition-delay:1s;animation-delay:1s}.homePage .tools .tool:nth-child(2){transition-delay:1.5s;animation-delay:1.5s}.homePage .tools .tool:nth-child(3){transition-delay:2s;animation-delay:2s}.homePage .tools .tool:nth-child(4){transition-delay:2.5s;animation-delay:2.5s}.homePage .tools .tool:nth-child(5){transition-delay:3s;animation-delay:3s}.homePage .tools .tool:nth-child(6){transition-delay:3.5s;animation-delay:3.5s}.homePage .tools .tool:nth-child(7){transition-delay:4s;animation-delay:4s}.homePage .tools .tool:nth-child(8){transition-delay:4.5s;animation-delay:4.5s}.homePage .tools .tool:nth-child(9){transition-delay:5s;animation-delay:5s}.homePage .tools .tool:nth-child(10){transition-delay:5.5s;animation-delay:5.5s}.homePage .tools .tool:nth-child(11){transition-delay:6s;animation-delay:6s}.homePage .tools .tool:nth-child(12){transition-delay:6.5s;animation-delay:6.5s}.homePage .tools .tool:nth-child(13){transition-delay:7s;animation-delay:7s}.homePage .tools .tool:nth-child(14){transition-delay:7.5s;animation-delay:7.5s}.homePage .tools .tool:nth-child(15){transition-delay:8s;animation-delay:8s}.homePage .tools .tool:nth-child(16){transition-delay:8.5s;animation-delay:8.5s}.homePage .tools .tool:nth-child(17){transition-delay:9s;animation-delay:9s}.homePage .tools .tool:nth-child(18){transition-delay:9.5s;animation-delay:9.5s}.homePage .tools .tool:nth-child(19){transition-delay:10s;animation-delay:10s}.homePage .tools .tool:nth-child(20){transition-delay:10.5s;animation-delay:10.5s}@-webkit-keyframes fadeInDown{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.homePage .tools .tool+.tool{border-left:1px solid #666666}.homePage .tools .tool .badges svg{width:110px;transform:translateY(-8px)}.homePage .tools .tool .content{transition:all .5s ease;position:relative;width:320px;padding:35px}.homePage .tools .tool .content path,.homePage .tools .tool .content line,.homePage .tools .tool .content polyline,.homePage .tools .tool .content circle,.homePage .tools .tool .content rect,.homePage .tools .tool .content polygon{animation-name:sketch;animation-duration:4s;animation-timing-function:ease;fill:var(--p-clr);stroke:var(--p-clr);stroke-width:.5px;stroke-dasharray:360px;stroke-dashoffset:0px}@keyframes sketch{0%{fill:transparent;stroke-dashoffset:360px}50%{fill:transparent;stroke-dashoffset:360px}80%{fill:transparent;stroke-dashoffset:0px}to{fill:var(--p-clr);stroke-dashoffset:0px}}.homePage .tools .tool .content:hover svg,.homePage .tools .tool .content:hover h2{transform:scale(1.3)}.homePage .tools .tool .content h2{transition:all .5s ease;font-family:CodeBold;font-size:2em}.homePage .tools .tool .content p{max-width:300px;margin:20px auto;line-height:1.5em;color:inherit}.homePage .tools .tool .content svg{transition:all .5s ease;height:9em;margin-bottom:.8em}.homePage .tools .tool .content:hover{background-color:#16a08533}.homePage .tools .tool.beta{overflow:hidden;cursor:initial}.homePage .tools .tool.beta .content:after{transition:all .25s ease;transform:rotate(45deg);position:absolute;top:-12px;right:-46px;display:block;width:36%;padding-top:27px;padding-bottom:15px;font-size:1em;font-weight:800;text-align:center;text-transform:uppercase;content:"beta!";background-color:#7f8c8d80}@font-face{font-family:CodeLight;src:url(../assets/fonts/CODE_Light.otf)}@font-face{font-family:CodeBold;src:url(../assets/fonts/CODE_Bold.otf)}@font-face{font-family:CodeLight;src:url(/assets/CODE_Light-Dc38sKte.otf)}@font-face{font-family:CodeBold;src:url(/assets/CODE_Bold-64xwO2VZ.otf)}.authForm{width:100%;margin:0 auto}.authForm .field{position:relative;display:block;height:fit-content;margin:20px 0;font-size:10px;font-weight:800;line-height:1.1em;text-align:left;text-transform:uppercase}.authForm .field input{width:100%;padding:10px;font-size:1.2em;color:#333}.authForm .field .control{position:absolute;right:0;bottom:0;display:grid;place-items:center;width:40px;height:calc(100% - 1lh);font-size:15px;text-align:center;translate:100%}.authForm .field .userExists{position:absolute;right:-50px;bottom:0;display:grid;place-items:center;width:fit-content;height:calc(100% - 1lh);translate:100%}.authForm .field.password .control{cursor:pointer}.authForm button.action{transition:opacity .25s ease;padding:10px 20px;font-size:.8em;font-weight:800;color:#000;text-transform:uppercase;cursor:pointer;outline:none;border:none;opacity:.8}.authForm button.action:hover{opacity:1}.authForm button.action:disabled{cursor:not-allowed;background-color:#ddd;opacity:.3}.authForm button.action.login{background-color:#2980b9}.authForm button.action.signup,.authForm button.action.rename{background-color:#27ae60}.authForm button.action i{margin-right:10px;font-size:1.5em}.authForm .errors{margin-bottom:20px;color:#c0392b}@font-face{font-family:CodeLight;src:url(../assets/fonts/CODE_Light.otf)}@font-face{font-family:CodeBold;src:url(../assets/fonts/CODE_Bold.otf)}@font-face{font-family:CodeLight;src:url(/assets/CODE_Light-Dc38sKte.otf)}@font-face{font-family:CodeBold;src:url(/assets/CODE_Bold-64xwO2VZ.otf)}.loginPage{padding-top:30px;text-align:center}.loginPage .content{width:400px;padding:50px 20px 20px;margin:0 auto}.loginPage .content .switchView{width:100%}.loginPage .content .switchView>div{transition:background-color .25s ease;display:inline-block;width:50%;padding:10px;font-size:.8em;font-weight:800;text-transform:uppercase;cursor:pointer;background-color:transparent}.loginPage .content .switchView>div i{font-size:2em;vertical-align:middle}.loginPage .content .switchView .login:hover{background-color:#3498db80}.loginPage .content .switchView .login.selected{background-color:#3498db}.loginPage .content .switchView .signup:hover{background-color:#2ecc7180}.loginPage .content .switchView .signup.selected{background-color:#2ecc71}.loginPage .content button.google{width:191px;height:46px;cursor:pointer;outline:none;background-color:unset;background-image:url(/assets/btn_google_signin_light_normal_web-CKKylNVF.png);background-size:contain;border:none}.loginPage .content button.google:hover{background-image:url(/assets/btn_google_signin_light_hover_web-DOuhTT6T.png)}.loginPage .content button.google:focus{background-image:url(/assets/btn_google_signin_light_pressed_web-GsMH7H1U.png)}.loginPage+.accountButton.login{display:none}@font-face{font-family:CodeLight;src:url(/assets/CODE_Light-Dc38sKte.otf)}@font-face{font-family:CodeBold;src:url(/assets/CODE_Bold-64xwO2VZ.otf)}@font-face{font-family:CodeLight;src:url(/assets/CODE_Light-Dc38sKte.otf)}@font-face{font-family:CodeBold;src:url(/assets/CODE_Bold-64xwO2VZ.otf)}.naturalcrit>.badges{--bg-clr: #ffffff;--bg-img: url(/assets/fluffy_background-DaeBvCjM.webp);--p-clr: black;position:relative;height:fit-content;min-height:100vh;color:var(--p-clr, black);background-color:var(--bg-clr, white);background-image:var(--bg-img)}.naturalcrit>.badges .mainContent{display:flex;flex-direction:column;align-items:center;justify-content:center;width:800px;margin:auto}.naturalcrit>.badges.theme-dark{--bg-clr: #333333;--p-clr: #eeeeee}.naturalcrit>.badges h1{padding-top:30px;margin:0 0 10px;font-family:Calluna;font-size:2.5em;font-weight:800;text-align:center}.naturalcrit>.badges p{color:inherit}.naturalcrit>.badges>p{margin-bottom:20px;font-size:.8em;text-align:center}.naturalcrit>.badges .content{display:flex;gap:20px;justify-content:space-between;padding-inline:100px;padding-top:50px}.naturalcrit>.badges .credit{position:absolute;bottom:10px;left:50%;display:block;width:fit-content;margin:0;font-family:Calluna;font-size:.8em;line-height:1.2em;color:var(--p-clr);text-align:center;opacity:80%;translate:0 -50%}.naturalcrit>.badges button{padding:12px 20px;margin:10px;font-family:CodeBold;color:var(--bg-clr);text-align:center;text-transform:uppercase;letter-spacing:1px;background-color:var(--p-clr);border:none}.naturalcrit>.badges button:hover{color:var(--bg-clr);background-color:var(--p-clr);filter:contrast(.7)}.naturalcrit>.badges button:enabled{cursor:pointer}.naturalcrit>.badges button:disabled{cursor:not-allowed;background-color:#444}.naturalcrit>.badges button:is(.red,.green,.orange):disabled{filter:saturate(40%)}.naturalcrit>.badges button.red{background-color:#c0392b}.naturalcrit>.badges button.green{background-color:#27ae60}.naturalcrit>.badges button.orange{background-color:#d35400}.naturalcrit>.badges .logo{position:fixed;top:10px;left:10px;font-size:2em;color:var(--p-clr);text-decoration:none}.naturalcrit>.badges .logo svg{height:.9em;margin-right:.2em;cursor:pointer;fill:currentColor}.naturalcrit>.badges .logo .name{font-family:CodeLight}.naturalcrit>.badges .logo .name .crit{font-family:CodeBold}@font-face{font-family:CodeLight;src:url(../assets/fonts/CODE_Light.otf)}@font-face{font-family:CodeBold;src:url(../assets/fonts/CODE_Bold.otf)}@font-face{font-family:CodeLight;src:url(/assets/CODE_Light-Dc38sKte.otf)}@font-face{font-family:CodeBold;src:url(/assets/CODE_Bold-64xwO2VZ.otf)}@font-face{font-family:Calluna;font-style:normal;font-weight:400;src:url(/assets/calluna-Ca_L0Dy2.woff2) format("woff2"),url(/assets/calluna-BI1GRfFM.woff) format("woff")}.badgeRender{max-width:500px;height:fit-content;padding:0;text-align:center;background:#fff;border:4px double;border-radius:10px;corner-shape:square scoop scoop scoop}.badgeRender legend{position:relative;padding:10px 15px;margin-bottom:10px;font-size:20px;font-weight:800;background-color:inherit;border-radius:5px;corner-shape:scoop}.badgeRender legend:before{position:absolute;top:3px;left:50%;width:calc(100% + 22px);height:calc(100% + 22px);content:"";border:4px double;border-radius:15px;corner-shape:notch;clip-path:inset(10px 15px 50% 15px);translate:-50% 0}.badgeRender legend:after{position:absolute;top:0;left:0;box-sizing:border-box;width:100%;height:100%;content:"";border:4px double;border-radius:5px;corner-shape:scoop;clip-path:inset(0 0 55% 0)}.badgeRender button{transition:background-color .25s ease;padding:5px 20px;margin:10px auto;font-size:.8em;color:#fff;cursor:pointer;background-color:#27ae60;border:none;highlight:none}.badgeRender button i{margin-right:8px;font-size:2em;vertical-align:middle}.badgeRender button:hover{background-color:#1e8449}@font-face{font-family:CodeLight;src:url(../assets/fonts/CODE_Light.otf)}@font-face{font-family:CodeBold;src:url(../assets/fonts/CODE_Bold.otf)}.controls{columns:2;width:900px}.controls fieldset{padding:5px 10px 10px;background:#fff;border:4px double;border-radius:10px;corner-shape:square scoop scoop scoop;break-inside:avoid}.controls fieldset:not(:first-child){margin-top:10px}.controls fieldset .field{padding-left:5px}.controls fieldset legend{position:relative;padding:10px 15px;font-size:20px;font-weight:800;background-color:inherit;border-radius:5px;corner-shape:scoop}.controls fieldset legend:before{position:absolute;top:3px;left:50%;width:calc(100% + 22px);height:calc(100% + 22px);content:"";border:4px double;border-radius:15px;corner-shape:notch;clip-path:inset(10px 15px 50% 15px);translate:-50% 0}.controls fieldset legend:after{position:absolute;top:0;left:0;box-sizing:border-box;width:100%;height:100%;content:"";border:4px double;border-radius:5px;corner-shape:scoop;clip-path:inset(0 0 55% 0)}.controls fieldset small{display:block;padding-left:80px;margin-bottom:10px}.controls .field{display:grid;grid-template-columns:130px 1fr;gap:10px;align-items:center;margin-bottom:5px;accent-color:#880000}.controls .field.description{align-items:start}.controls .field .iconGrid{display:grid;flex-grow:1;grid-template-columns:repeat(5,1fr);gap:8px;height:200px;padding:4px;margin-bottom:10px;overflow-y:auto}.controls .field .iconOption{display:flex;align-items:center;justify-content:center;aspect-ratio:1;padding:1px;margin:0;cursor:pointer;background:#fff;border:1px solid #cccccc;border-radius:6px;transition:border-color 1.2s,background-color 1.2s}.controls .field .iconOption img{width:100%;height:100%;object-fit:contain;translate:0 5px}.controls .field .iconOption:hover{background-color:#f2f2f2;border-color:#777}.controls .field .iconOption.selected{background-color:#e8ecf5;border:2px solid #2b4486}.controls .field label{min-width:70px;font-size:.8em;font-weight:800}.controls .field .value,.controls .field .slider-picker{flex-grow:1}.controls .field input[type=text]{height:1.5em;padding:4px}.controls .field input[type=range]{height:1.5em}.controls .field textarea.value,.controls .field input.value{font-family:Open Sans;font-size:1em}.controls .field textarea{min-height:2em;max-height:7lh;padding:4px;resize:vertical}.controls .field .svg .dropZone{padding:20px 10px;margin-left:-1px;font-size:.8em;font-weight:800;text-align:center;border:1px #999999 dashed;border-width:8px}.controls .field .svg .dropZone i{font-size:3em;color:#999}.controls .field .svg .dropZone.hover{background-color:#ddd}.controls .field .svg .value>p{margin-top:10px;font-size:.7em}.controls .field .svg input{margin-top:10px}.controls .field.tabs{display:flex;flex-direction:column}.controls .field.tabs .switchView{display:flex;justify-content:space-evenly;width:100%;height:30px;border-bottom:1px solid}.controls .field.tabs .switchView button{width:100%;height:100%;padding:0;margin:0;font-family:inherit;font-size:10px;font-weight:900;color:#000;background:unset;transition:background-color .2s}.controls .field.tabs .switchView button:first-child{border-right:1px solid}.controls .field.tabs .switchView button.selected{background-color:#ccc}.controls .field.tabs .switchView button:hover{background-color:#aaa}@font-face{font-family:CodeLight;src:url(../assets/fonts/CODE_Light.otf)}@font-face{font-family:CodeBold;src:url(../assets/fonts/CODE_Bold.otf)}.accountPage{width:100%;height:100%}.accountPage .details{width:50%;padding-top:10vh;margin-inline:auto;font-size:15pt;text-align:center}.accountPage .details h1{margin-bottom:50px;font-family:CodeBold;font-size:40pt}.accountPage .details .authForm{max-width:350px}.accountPage+.accountButton{display:none}.accountPage .logo{position:fixed;top:10px;left:10px;font-size:2em}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{padding:0;margin:0;font:inherit;font-size:100%;vertical-align:baseline;border:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}table{border-spacing:0;border-collapse:collapse}*{box-sizing:border-box}html,body{position:relative;height:100%;min-height:100%;font-family:Lato,sans-serif}.container{position:relative;max-width:1000px;padding-right:20px;padding-left:20px;margin:0 auto}h1{margin-top:10px;margin-bottom:15px;font-size:2em}h2{margin-top:10px;margin-bottom:15px;font-size:1.5em;font-weight:900}h3{margin-top:5px;margin-bottom:7px;font-size:1em;font-weight:900}p{margin-bottom:1em;font-size:16px;line-height:1.5em;color:#333}b,strong{font-weight:700}small{font-size:12px;font-style:italic}code{font-family:Courier,mono;color:#000;white-space:pre;background-color:#f8f8f8}a{color:inherit;cursor:pointer}button{transition:background-color .25s ease;display:inline-block;padding:.6em 1.2em;font-family:Lato,Helvetica,Arial,sans-serif;font-size:15px;color:#fff;text-decoration:none;cursor:pointer;outline:none;background-color:#27ae60;border:none}button:hover{background-color:#295}button:active{background-color:#1e8449}button:disabled{background-color:#bdc3c7!important}[data-tooltip]{position:relative}[data-tooltip]:before,[data-tooltip]:after{transition:all .25s ease;position:absolute;z-index:1000000;pointer-events:none;opacity:0}[data-tooltip]:before{z-index:1000001;content:"";background:transparent;border:6px solid transparent}[data-tooltip]:after{visibility:hidden;padding:8px 10px;font-size:12px;line-height:12px;color:#fff;white-space:nowrap;content:attr(data-tooltip);background:#383838}[data-tooltip]:hover:before,[data-tooltip]:hover:after{visibility:visible;opacity:1}[data-tooltip]:before{margin-top:-12px;border-bottom-color:#383838}[data-tooltip]:after{margin-left:-18px}[data-tooltip]:before,[data-tooltip]:after{top:100%;left:50%}[data-tooltip]:hover:after,[data-tooltip]:hover:before,[data-tooltip]:focus:after,[data-tooltip]:focus:before{transform:translateY(8px)}[data-tooltip-top]{position:relative}[data-tooltip-top]:before,[data-tooltip-top]:after{transition:all .25s ease;position:absolute;z-index:1000000;pointer-events:none;opacity:0}[data-tooltip-top]:before{z-index:1000001;content:"";background:transparent;border:6px solid transparent}[data-tooltip-top]:after{visibility:hidden;padding:8px 10px;font-size:12px;line-height:12px;color:#fff;white-space:nowrap;content:attr(data-tooltip-top);background:#383838}[data-tooltip-top]:hover:before,[data-tooltip-top]:hover:after{visibility:visible;opacity:1}[data-tooltip-top]:before{margin-bottom:-12px;border-top-color:#383838}[data-tooltip-top]:after{margin-left:-18px}[data-tooltip-top]:before,[data-tooltip-top]:after{bottom:100%;left:50%}[data-tooltip-top]:hover:after,[data-tooltip-top]:hover:before,[data-tooltip-top]:focus:after,[data-tooltip-top]:focus:before{transform:translateY(-8px)}[data-tooltip-bottom]{position:relative}[data-tooltip-bottom]:before,[data-tooltip-bottom]:after{transition:all .25s ease;position:absolute;z-index:1000000;pointer-events:none;opacity:0}[data-tooltip-bottom]:before{z-index:1000001;content:"";background:transparent;border:6px solid transparent}[data-tooltip-bottom]:after{visibility:hidden;padding:8px 10px;font-size:12px;line-height:12px;color:#fff;white-space:nowrap;content:attr(data-tooltip-bottom);background:#383838}[data-tooltip-bottom]:hover:before,[data-tooltip-bottom]:hover:after{visibility:visible;opacity:1}[data-tooltip-bottom]:before{margin-top:-12px;border-bottom-color:#383838}[data-tooltip-bottom]:after{margin-left:-18px}[data-tooltip-bottom]:before,[data-tooltip-bottom]:after{top:100%;left:50%}[data-tooltip-bottom]:hover:after,[data-tooltip-bottom]:hover:before,[data-tooltip-bottom]:focus:after,[data-tooltip-bottom]:focus:before{transform:translateY(8px)}[data-tooltip-left]{position:relative}[data-tooltip-left]:before,[data-tooltip-left]:after{transition:all .25s ease;position:absolute;z-index:1000000;pointer-events:none;opacity:0}[data-tooltip-left]:before{z-index:1000001;content:"";background:transparent;border:6px solid transparent}[data-tooltip-left]:after{visibility:hidden;padding:8px 10px;font-size:12px;line-height:12px;color:#fff;white-space:nowrap;content:attr(data-tooltip-left);background:#383838}[data-tooltip-left]:hover:before,[data-tooltip-left]:hover:after{visibility:visible;opacity:1}[data-tooltip-left]:before{margin-right:-12px;margin-bottom:-6px;border-left-color:#383838}[data-tooltip-left]:after{margin-bottom:-14px}[data-tooltip-left]:before,[data-tooltip-left]:after{right:100%;bottom:50%}[data-tooltip-left]:hover:after,[data-tooltip-left]:hover:before,[data-tooltip-left]:focus:after,[data-tooltip-left]:focus:before{transform:translate(-8px)}[data-tooltip-right]{position:relative}[data-tooltip-right]:before,[data-tooltip-right]:after{transition:all .25s ease;position:absolute;z-index:1000000;pointer-events:none;opacity:0}[data-tooltip-right]:before{z-index:1000001;content:"";background:transparent;border:6px solid transparent}[data-tooltip-right]:after{visibility:hidden;padding:8px 10px;font-size:12px;line-height:12px;color:#fff;white-space:nowrap;content:attr(data-tooltip-right);background:#383838}[data-tooltip-right]:hover:before,[data-tooltip-right]:hover:after{visibility:visible;opacity:1}[data-tooltip-right]:before{margin-bottom:-6px;margin-left:-12px;border-right-color:#383838}[data-tooltip-right]:after{margin-bottom:-14px}[data-tooltip-right]:before,[data-tooltip-right]:after{bottom:50%;left:100%}[data-tooltip-right]:hover:after,[data-tooltip-right]:hover:before,[data-tooltip-right]:focus:after,[data-tooltip-right]:focus:before{transform:translate(8px)}@font-face{font-family:CodeLight;src:url(/assets/CODE_Light-Dc38sKte.otf)}@font-face{font-family:CodeBold;src:url(/assets/CODE_Bold-64xwO2VZ.otf)}@font-face{font-family:CodeLight;src:url(/assets/CODE_Light-Dc38sKte.otf)}@font-face{font-family:CodeBold;src:url(/assets/CODE_Bold-64xwO2VZ.otf)}html,body,#reactContainer,#root{height:fit-content;min-height:100vh;margin:0;font-family:Open Sans,sans-serif}.naturalcrit{--bg-clr: white;--p-clr: black;height:fit-content;min-height:100%;overflow:auto;color:var(--p-clr, black);background-color:var(--bg-clr, white);transition:all .5s ease-in-out}.naturalcrit.theme-dark{--bg-clr: #333333;--p-clr: #eeeeee}p{color:inherit}.logo{font-size:4em;color:var(--p-clr);text-decoration:none}.logo svg{height:.9em;margin-right:.2em;fill:currentColor}.logo .name{font-family:CodeLight}.logo .name .crit{font-family:CodeBold}.fa.red{color:#c0392b}.fa.green{color:#27ae60}button{padding:12px 20px;margin:10px;font-family:CodeBold;color:var(--bg-clr);text-align:center;text-transform:uppercase;letter-spacing:1px;background-color:var(--p-clr);border:none}button:hover{color:var(--bg-clr);background-color:var(--p-clr);filter:contrast(.7)}button:enabled{cursor:pointer}button:disabled{cursor:not-allowed;background-color:#444}button:is(.red,.green,.orange):disabled{filter:saturate(40%)}button.red{background-color:#c0392b}button.green{background-color:#27ae60}button.orange{background-color:#d35400}.accountButton{position:fixed;top:10px;right:10px;font-family:CodeBold;color:var(--bg-clr);text-align:center;text-transform:uppercase;letter-spacing:2px;background-color:var(--p-clr)}.accountButton:hover{filter:contrast(.7)}.accountButton a{display:block;padding:15px 30px;color:currentColor;text-decoration:none}.theme{position:fixed;right:0;bottom:0}.environment{position:fixed;bottom:10px;left:10px;padding:12px 20px;font-family:CodeBold;color:#fff;text-align:center;text-transform:uppercase;letter-spacing:2px;background-color:#840000}