:root{font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--primaryColor: #242424;--secondaryColor: #F8F8FF;--h1Size: 2rem;--h2Size: 1.2rem;--h3Size: .9rem}::-webkit-scrollbar{display:none}@font-face{font-family:BodoniModa;font-style:normal;src:url(/despro/assets/BodoniModa-guJgMleq.ttf) format("truetype")}@font-face{font-family:LibreBaskerville;font-style:normal;src:url(/despro/assets/LibreBaskerville-IqrMKr3N.ttf) format("truetype")}@font-face{font-family:Poppins;src:url(/despro/assets/Poppins-Medium-Cxde2ZoM.ttf) format("truetype");font-weight:500;font-style:normal}@font-face{font-family:Poppins;src:url(/despro/assets/Poppins-Light-DT6-CsId.ttf) format("truetype");font-weight:300;font-style:normal}@font-face{font-family:Poppins;src:url(/despro/assets/Poppins-Bold-qTAUjFF7.ttf) format("truetype");font-weight:700;font-style:normal}@font-face{font-family:Poppins;src:url(/despro/assets/Poppins-ExtraLight-u2IJXg5c.ttf) format("truetype");font-weight:100;font-style:normal}@font-face{font-family:Poppins;src:url(/despro/assets/Poppins-ExtraBold-W_qeO1XX.ttf) format("truetype");font-weight:900;font-style:normal}@font-face{font-family:Roboto;font-style:normal;src:url(/despro/assets/Roboto-WOy3sDCz.ttf) format("truetype")}@media (prefers-color-scheme: light){:root{--primaryColor: #F8F8FF;--secondaryColor: #141414}}.main-container{position:absolute;left:var(--navbarWidth);top:0;width:calc(100dvw - var(--navbarWidth));height:100dvh}:root{--navbarImgSize: 1.75rem;--navbarWidth: max(15dvw, 250px)}.nav-bar *{color:var(--secondaryColor);padding:0;margin:0}.nav-bar{position:fixed;left:0;top:0;width:var(--navbarWidth);height:100dvh;padding:2rem 0;background-color:var(--primaryColor);display:flex;flex-direction:column;align-items:center}.nav-bar ul{width:90%;list-style:none;padding-top:3rem;position:relative}.nav-bar svg{width:var(--navbarImgSize);height:var(--navbarImgSize);object-fit:contain;border-radius:8px}.nav-bar svg path{stroke-width:1;transition:all .2s ease-in-out}.nav-bar a{height:calc(var(--navbarImgSize) * 1);padding:.5rem 1rem;display:flex;align-items:center;gap:1rem;justify-content:left;text-decoration:none;color:var(--secondaryColor);cursor:pointer;transition:opacity .2s ease-in-out}.nav-bar a svg path{stroke:#bbb;fill:#bbb}.nav-bar a:not(.selected):hover{opacity:.7}.nav-bar a.selected h2{color:#ff0}.nav-bar a.selected svg path{stroke:#ff0;fill:#ff0}.nav-bar h2{color:#bbb;font-family:Poppins;font-size:.9rem;font-weight:300;-webkit-user-select:none;user-select:none}.nav-bar .cursor-selected{position:absolute;left:50%;transform:translate(-50%);z-index:-1;border-radius:.5rem;width:100%;height:calc(var(--navbarImgSize) * 1 + 1rem);background-color:#343434;transition:top .5s ease-in-out}.nav-bar .cursor-selected.level-0{top:3rem}.nav-bar .cursor-selected.level-1{top:calc(3rem + (var(--navbarImgSize) + .5rem) * 1.2)}.nav-bar .cursor-selected.level-2{top:calc(3rem + (var(--navbarImgSize) + .5rem) * 1.2 * 2)}.nav-bar .cursor-selected.level-3{top:calc(3rem + (var(--navbarImgSize) + .5rem) * 1.2 * 3)}.nav-bar .cursor-selected.level-4{top:calc(3rem + (var(--navbarImgSize) + .5rem) * 1.2 * 4)}.nav-bar img{width:50%}.nav-bar li{display:flex;align-items:center;justify-content:space-between}.nav-bar li h3{font-family:Poppins,sans-serif;font-size:1.2rem;font-weight:600;line-height:1;width:1rem;height:1rem;text-align:center;padding:.5rem;border-radius:50%;opacity:.8;-webkit-user-select:none;user-select:none}.nav-bar li h3.notif{background-color:#ff0;color:var(--primaryColor)}.nav-bar li h3.warning{margin-left:.5rem;background-color:red;color:var(--primaryColor)}.nav-bar li h3.unshow{opacity:0}.nav-bar li h3{transition:opacity .3s ease-in-out}@media (max-width: 1800px){.nav-bar h3{display:none}}@media (max-width: 1200px){:root{--navbarWidth: 100px}.nav-bar{min-width:0}.nav-bar ul{width:100%}.nav-bar a{justify-content:center;padding:.5rem 1}.nav-bar li{display:block}.nav-bar h2,.nav-bar .cursor-selected,.notif,.warning{display:none}ul{display:flex;flex-direction:column;justify-content:center;width:100%}}@media (prefers-color-scheme: dark){.nav-bar svg path{stroke:#bbb}}:root{--dashboardMargin: 2rem;--gridMargin: 1.5rem;--gridGap: 1rem;--contentBackground: #F2F2F2;--dashboardFontSize: max(1rem, 1.4vw)}.dashboard *{font-family:Poppins,sans-serif;margin:0;padding:0;color:var(--primaryColor)}.dashboard * h1{font-size:var(--dashboardFontSize);font-weight:500;color:#0c1525!important}.dashboard * h2{font-size:calc(var(--dashboardFontSize) * .6)}.dashboard * h3{font-size:calc(var(--dashboardFontSize) * .5)}.dashboard{height:calc(100% - var(--dashboardMargin) * 2);width:calc(100% - var(--dashboardMargin) * 2);padding:var(--dashboardMargin)}.dashboard h1{letter-spacing:-2px}.dashboard{background-color:var(--contentBackground);display:flex;flex-direction:column;gap:calc(var(--dashboardMargin) / 2)}.dashboard>h1{font-weight:700}.dashboard .view-all:hover{border-bottom:1px black solid;cursor:pointer}.dashboard .grid-parent{flex:1;display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:.35fr .4fr 1fr .5fr;gap:var(--gridGap)}.dashboard .grid-parent .div1{grid-area:1/1/2/2}.dashboard .grid-parent .div2{grid-area:1/2/2/3}.dashboard .grid-parent .div3{grid-area:1/3/2/4}.dashboard .grid-parent .div4{grid-area:1/4/2/5}.dashboard .grid-parent .div5{grid-area:2/1/3/3}.dashboard .grid-parent .div6{grid-area:3/1/5/3}.dashboard .grid-parent .div7{grid-area:2/3/4/5}.dashboard .grid-parent .div8{grid-area:4/3/5/5}.dashboard .grid-parent *{font-weight:400;letter-spacing:-1px;color:#aaa;line-height:1}.dashboard .grid-parent:nth-child(5){height:40%}.dashboard .grid-parent>div{background-color:#fff;border-radius:.5rem;padding:var(--gridMargin);display:flex;flex-direction:column;justify-content:space-between}.dashboard .grid-parent>div>div{display:flex;flex-direction:row;align-items:end;position:relative}.dashboard .grid-parent>div>div:first-child{align-items:center;justify-content:space-between}.dashboard .grid-parent>div>div:last-child{gap:1rem}.dashboard .grid-parent>div>div svg.icon{height:2rem;width:2rem;background-color:var(--contentBackground);border-radius:50%;stroke-width:1}.dashboard .grid-parent>div>div svg.icon path{stroke:#000}.dashboard .grid-parent>div:nth-child(n+5):nth-child(-n+8) h2{color:var(--primaryColor)}.dashboard .grid-parent>div h1{color:var(--primaryColor)}.dashboard .grid-parent>div h3{display:inline}.dashboard .grid-parent>div h3.positive{color:green}.dashboard .grid-parent>div h3.negative{color:red}.dashboard .grid-parent>div h3.warning{color:#ffb618}.dashboard .grid-parent .div2 svg.icon{height:2rem;width:2rem}.dashboard .grid-parent .div2 svg.icon path{stroke-width:0}.dashboard .grid-parent .div6 .chart,.dashboard .grid-parent .div7 .chart{height:85%;width:100%}.dashboard .grid-parent .div6>div{display:flex;flex-direction:row}.dashboard .grid-parent .div6>div>div{display:flex;flex-direction:row}.dashboard .grid-parent .div6>div>div h2{cursor:pointer}.dashboard .grid-parent .div6>div>div h2.selected{font-weight:600}.dashboard .grid-parent .div6>div>div h2:first-of-type{border-right:2px black solid;padding-right:1rem}.dashboard .grid-parent .div6>div>div h2:last-of-type{margin-left:1rem}.dashboard .grid-parent .div7.no-data{display:block}.dashboard .grid-parent .div7.no-data p{text-align:center;width:100%}.dashboard .grid-parent .div7.no-data>div:last-child{height:100%;display:flex;justify-content:center;align-items:center}.dashboard .grid-parent .div6.no-data{display:block}.dashboard .grid-parent .div6.no-data p{text-align:center;width:100%}.dashboard .grid-parent .div6.no-data>div:last-child{height:100%;display:flex;justify-content:center;align-items:center}.dashboard .grid-parent .div6:not(.no-data)>div:last-child,.dashboard .grid-parent .div7:not(.no-data)>div:last-child{height:100%}.dashboard .grid-parent .div5>div:first-of-type{padding-bottom:1rem}.dashboard .grid-parent .div5>div:last-of-type{display:flex;flex-direction:column;padding:.5rem 2rem}.dashboard .grid-parent .div5>div:last-of-type>div{width:100%;flex:1;display:flex;align-items:center;justify-content:space-between}.dashboard .grid-parent .div5>div:last-of-type>div:not(:last-child){padding-bottom:1rem}.dashboard .grid-parent .div5>div:last-of-type>div h3:nth-of-type(1){width:20ch;color:var(--primaryColor);font-weight:400}.dashboard .grid-parent .div5>div:last-of-type>div h3:nth-of-type(2){width:20ch;text-align:right}.dashboard .grid-parent .div5>div:last-of-type>div h3:nth-of-type(3){width:20ch;text-align:right;font-family:monospace}.dashboard .grid-parent .div5>div:last-of-type>div h3:nth-of-type(4){width:20ch;text-align:right;font-family:monospace}.dashboard .grid-parent .div5>div:last-of-type>div h3{font-size:1rem}.dashboard .grid-parent .div5 div.usage-row{padding:0!important}.dashboard .grid-parent .div5 div.usage-row *{font-size:.8rem!important}.dashboard .grid-parent .div5.no-data{display:block}.dashboard .grid-parent .div5.no-data p{text-align:center;width:100%;margin-bottom:4rem}.dashboard .grid-parent .div5.no-data>div:last-child{height:100%;display:flex;justify-content:center;align-items:center}.dashboard .grid-parent .div8>div{display:flex;justify-content:center;align-items:center;gap:4rem!important}.dashboard .grid-parent .div8>div:last-child{height:80%}.dashboard .grid-parent .div8>div>div.Normal>h1{background-color:gray}.dashboard .grid-parent .div8>div>div.Warning>h1{background-color:#f59e0b}.dashboard .grid-parent .div8>div>div.Critical>h1{background-color:#dc2626}.dashboard .grid-parent .div8>div h1{border-radius:1rem;padding:.5rem;height:2rem;width:2rem;line-height:1.25;text-align:center;color:#fff!important}.dashboard .grid-parent .div8>div h4{margin-top:.75rem;text-align:center;font-size:.75rem}.components *{font-family:Poppins,sans-serif;margin:0;padding:0;color:var(--primaryColor)}.components{background-color:var(--contentBackground);height:calc(100% - var(--dashboardMargin) * 2);width:calc(100% - var(--dashboardMargin) * 2);padding:var(--dashboardMargin);display:grid;grid-template-columns:.01fr 1fr .01fr;grid-template-rows:1fr .05fr;gap:var(--dashboardMargin)}.components .card{grid-area:1/2/2/3}.components .left{grid-area:1/1/2/2}.components .right{grid-area:1/3/2/4}.components .dots{grid-area:2/2/3/3}.components .left,.components .right{display:flex;justify-content:center;align-items:center}.components .left div,.components .right div{background-color:#fff;padding:1rem;border-radius:1rem;height:1rem;width:1rem;display:flex;justify-content:center;align-items:center;cursor:pointer}.components .left,.components .right{-webkit-user-select:none;user-select:none}.components .dots{display:flex;flex-direction:row;gap:1rem;justify-content:center;align-items:center}.components .dots div{height:5px;width:50px;border-radius:10px;background-color:#fff;cursor:pointer;transition:background-color .3s ease-in-out}.components .dots div.selected{background-color:#aaa}.components .card{background-color:#fffc;border-radius:2rem;display:flex;flex-direction:column;position:relative;justify-content:space-between}.components .card>div:first-of-type{position:absolute;top:2rem;right:2rem;display:flex;gap:2rem}.components .card>div:first-of-type div.on{background-color:#0080004d;border-radius:50%;height:2rem;width:2rem;padding:.25rem;position:absolute;left:-2.25rem;top:-.25rem}.components .card>div:first-of-type div.off{background-color:#ff00004d;border-radius:50%;height:2rem;width:2rem;padding:.25rem;position:absolute;left:-2.25rem;top:-.25rem}.components .card>div:first-of-type svg{height:2rem;width:2rem;cursor:pointer;position:relative}.components .card>div:first-of-type svg path{stroke-width:1px}.components .card>div:first-of-type svg.refresh{position:relative}.components .card>div:first-of-type svg.refresh:hover{animation:doRotate 1s 1}.components .card>div:first-of-type svg:hover~.components .card>div:first-of-type svg:before{height:100%;width:100%;position:absolute;left:0%;top:0%;background-color:#676767}.components .card>div:nth-child(2){display:flex;flex-direction:column}.components .card>div:nth-child(2) input[type=text]{font-size:2.5rem;border:none;width:20ch;color:#636363}.components .card>div:nth-child(2) input[type=text]::placeholder{color:#000}.components .card>div:nth-child(2) input[type=text]:focus{outline:none}.components .card>div:nth-child(2) input:nth-child(2){font-size:1.5rem}.components .card div.info>div:last-child{padding-top:1rem}.components .card div.info div:first-child{display:flex;flex-direction:row}.components .card div.info div:first-child h4:not(:first-child):before{content:"-";margin:0 .5rem;color:#676767}.components .card div.info div:first-child h4{transition:color .2s ease-in-out;cursor:pointer;-webkit-user-select:none;user-select:none;font-size:.75rem}.components .card div.info div:first-child h4:not(.on){color:#0000004d}.components .card div.info div:nth-child(2)>div{background-color:#ffafaf4d;display:inline-flex;flex-direction:row;gap:1rem;padding:.75rem;border-radius:.5rem;margin-right:1rem;margin-bottom:1rem}.components .card div.info div:nth-child(2)>div h3{font-size:.75rem;font-weight:500}.components .card div.info div:nth-child(2)>div h3:not(:first-child){border-left:1px black solid;padding-left:1rem;font-weight:800}.components .card div.graph{display:flex;align-items:center;justify-content:center}.components .card div.graph .chart{width:100%;height:100%}.components .card div.graph.temp{height:50%}.components .card div.graph.temp .skeleton,.components .card div.graph.temp .empty{font-size:2rem;font-weight:300;height:100%;display:flex;justify-content:center;align-items:center;padding-bottom:5rem}.components .card div.show-graph{display:flex;flex-direction:row;justify-content:space-between}.components .card div.show-graph>div{display:flex;flex-direction:column}.components .card div.show-graph>div:nth-of-type(2){text-align:right}.components .card div.show-graph>div>div{display:flex;flex-direction:row;justify-content:end}.components .card div.show-graph h3{font-size:1.5rem;font-weight:300}.components .card div.show-graph h3 a{font-size:.75rem}.components .card div.show-graph h4:not(:first-child):before{content:"-";margin:0 .5rem;color:#676767;border:none}.components .card div.show-graph h4{transition:color .2s ease-in-out;cursor:pointer;-webkit-user-select:none;user-select:none;font-size:.75rem}.components .card div.show-graph h4:not(.on){color:#0000004d}.components .card{padding:2rem}.components .card h1{font-weight:900;font-size:4rem;line-height:1.1}.components .card h2{line-height:1.1}.modal-backdrop{position:fixed;inset:0;background:#00000073;display:grid;place-items:center;z-index:1000}.modal-backdrop .modal-panel{width:min(520px,92vw);border-radius:14px;padding:20px;box-shadow:0 10px 40px #0009;font-family:Poppins,sans-serif}.modal-backdrop .modal-panel *{margin:0}.modal-backdrop .modal-panel p{margin-bottom:2rem;font-size:.75rem}.modal-backdrop .modal-panel h2{margin-bottom:.5rem;font-size:1.5rem}.modal-backdrop .modal-panel *:not(b){font-weight:300}.modal-backdrop .modal-panel b{font-weight:500;border-bottom:1px white solid}.modal-backdrop .modal-panel p.error{color:#ff6b6b;font-weight:400}.modal-backdrop .modal-panel p.error:not(.show){display:none}.modal-backdrop .modal-panel button:hover{opacity:.85}.modal-backdrop .modal-panel input[type=number]{font-size:1rem;padding:.5rem;border-radius:15px;appearance:textfield}.modal-backdrop .modal-panel input[type=number]::placeholder{color:#000}.modal-backdrop .modal-panel input[type=number]:focus{outline:none}.modal-backdrop .modal-panel input[type=number]::-webkit-inner-spin-button,.modal-backdrop .modal-panel input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.modal-backdrop .modal-panel input[type=number]{-moz-appearance:textfield;appearance:textfield;text-align:right}.modal-backdrop .modal-panel .limit-input{display:flex;flex-direction:row;align-items:center}.modal-backdrop .modal-panel .limit-input h2{font-size:1.3rem;padding-left:1ch;margin:0}.modal-backdrop .modal-panel .limit-input input,.modal-backdrop .modal-panel .limit-input h2.change-power-text{font-size:1rem}.modal-backdrop .modal-panel .modal-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:16px}.modal-backdrop .modal-panel .modal-actions .btn{padding:.75rem 1.5rem;border-radius:8px;border:0;cursor:pointer;color:inherit}.modal-backdrop.limit .modal-panel{background:#121212;color:#eee}.modal-backdrop.limit .btn.secondary{background:#676767}.modal-backdrop.limit .btn.primary{background:#4c8cff}.modal-backdrop.delete .modal-panel{background:#fff;color:#222;border:1px solid #e5e5e5}.modal-backdrop.delete .btn.secondary{background:#e0e0e0;color:#333;border:none}.modal-backdrop.delete .btn.primary{background:#d32f2f;color:#fff;font-weight:600;border:1px solid #b71c1c}.modal-backdrop.delete .btn.primary:hover{background:#b71c1c;border-color:#8d1717}.modal-backdrop.delete .btn.secondary:hover{background:#d5d5d5}.modal-backdrop.change-name .modal-panel,.modal-backdrop.change-type .modal-panel{background:#121212;color:#eee}.modal-backdrop.change-name .btn.secondary,.modal-backdrop.change-type .btn.secondary{background:#676767}.modal-backdrop.change-name .btn.primary,.modal-backdrop.change-type .btn.primary{background:#4c8cff}@keyframes doRotate{0%{transform:rotate(0)}70%,to{transform:rotate(-1turn)}}:root{--notificationPadding: 1.5rem}.notifications *{font-family:Poppins,sans-serif;margin:0;padding:0;color:var(--primaryColor)}.notifications * h3{font-size:1rem;font-weight:500}.notifications{height:calc(100% - var(--dashboardMargin) * 2);width:calc(100% - var(--dashboardMargin) * 2);padding:var(--dashboardMargin)}.notifications h1{letter-spacing:-2px}.notifications{background-color:var(--contentBackground);display:flex;flex-direction:column;gap:calc(var(--dashboardMargin) / 2)}.notifications>h1{font-weight:700}.notifications .toolbar{background-color:#fff;width:fit-content;padding:1rem;border-radius:1rem;display:flex;flex-direction:row;gap:1rem}.notifications .toolbar span{padding:.25rem 0}.notifications .toolbar button{border:none;background-color:#d3d3d3;padding:0 1rem;border-radius:.5rem;cursor:pointer}.notifications .toolbar button:last-child{background-color:#ff7c7c;color:#fff}.notifications .toolbar{font-size:.75rem}.notifications .container{flex:1;background-color:#fff;border:var(--notificationPadding) white solid;border-radius:1rem;overflow:scroll}.notifications .container .filter{display:flex;flex-direction:row;gap:1rem;padding-bottom:2rem}.notifications .container .filter>div{cursor:pointer;transition:opacity .3s ease-in-out}.notifications .container .filter>div:hover{opacity:.7}.notifications .container .filter>div:not(.on){opacity:.3}.notifications .container .content .accordion:nth-child(2n) .accordion-header{background-color:#f5f5f5}.notifications .container .content .accordion:nth-child(odd) .accordion-header{background-color:#f0f0f0}.notifications .container .content .accordion.active .accordion-header svg{rotate:-270deg}.notifications .container .content .accordion.active .accordion-content{display:block}.notifications .container .content .accordion .accordion-header{padding:1rem;display:flex;flex-direction:row;align-items:center;justify-content:space-between}.notifications .container .content .accordion .accordion-header h3{font-size:.75rem}.notifications .container .content .accordion .accordion-header>div:nth-child(1){border-radius:50%;height:1rem;width:1rem;margin-right:2rem}.notifications .container .content .accordion .accordion-header>div:nth-child(1).normal{background-color:gray}.notifications .container .content .accordion .accordion-header>div:nth-child(1).warning{background-color:#e0bf29}.notifications .container .content .accordion .accordion-header>div:nth-child(1).danger{background-color:red}.notifications .container .content .accordion .accordion-header>div:nth-child(2) h3{text-align:left}.notifications .container .content .accordion .accordion-header>div:nth-child(2){width:20%}.notifications .container .content .accordion .accordion-header>div:nth-of-type(3){flex:1;display:flex;flex-direction:row;gap:1rem;align-items:center}.notifications .container .content .accordion .accordion-header>div:nth-of-type(3) div.warning{height:1rem;width:1rem;border-radius:50%;background-color:#e2aa0f}.notifications .container .content .accordion .accordion-header>div:nth-of-type(3) div.alert{height:1rem;width:1rem;border-radius:50%;background-color:red}.notifications .container .content .accordion .accordion-header>div:nth-of-type(4){display:flex;flex-direction:row;gap:1rem;align-items:center}.notifications .container .content .accordion .accordion-header>div:nth-of-type(4) h3{font-size:.75rem}.notifications .container .content .accordion .accordion-header svg{height:1rem;width:1rem;rotate:-180deg}.notifications .container .content .accordion .accordion-header p{text-align:justify}.notifications .container .content .accordion .accordion-header.read *{font-weight:300}.notifications .container .content .accordion .accordion-content{padding:1rem 2rem;display:none}.notifications .container .content .accordion .accordion-content h2{font-size:1.25rem}.notifications .container .content .accordion .accordion-content p{font-size:.75rem}.notifications .container .content .accordion button{background-color:none;border:none;cursor:pointer;margin-top:1rem;padding:.5rem 1rem;border-radius:.5rem}.notifications .container .content .accordion button:first-child{background-color:#c9c9c9}.notifications .container .content .accordion button:last-child{margin-left:1rem;background-color:#ffc2c2}:root{--aboutMargin: min(2rem, 2vw);--aboutFontSize: max(2rem, 2.5vw)}.about *{font-family:Poppins,sans-serif;margin:0;padding:0;color:var(--primaryColor)}.about * h1{font-size:var(--h1Size)}.about * h2{font-size:var(--h2Size)}.about * h3{font-size:var(--h3Size)}.about{height:calc(100% - var(--aboutMargin) * 2);width:calc(100% - var(--aboutMargin) * 8);padding:var(--aboutMargin) calc(4 * var(--aboutMargin));background-color:var(--aboutMargin);display:flex;flex-direction:column;justify-content:center;gap:var(--aboutFontSize)}.about h1{letter-spacing:-2px;text-align:center;font-size:var(--aboutFontSize)}.about h2{line-height:1.1;padding:0 calc(var(--aboutMargin) * 4);text-align:justify;font-weight:300;font-size:calc(var(--aboutFontSize) * .5)}.about>div{display:flex;flex-direction:column;gap:calc(var(--aboutFontSize) / 2)}@media (max-width: 800px){:root{--aboutMargin: 1vw}}@media (max-width: 600px){.about h2{text-align:left}}