:root{--background-color-primary: #ebebeb;--background-color-secondary: #ebe9e9;--background-color-tertiary: #354157;--background-color-fourth: rgb(165, 102, 92);--background-color-fifth: rgb(82, 205, 82);--background-color-sixth: rgb(126, 158, 255);--background-color-seventh: rgb(247, 247, 110);--background-color-eighth: rgba(255, 166, 0, .872);--accent-color: #c8c6c6;--text-primary-color: #222;--element-size: 4rem;--margin-xs: .5rem;--margin-s: .75rem;--margin-m: 1rem;--margin-l: 1.25rem;--margin-xl: 1.75rem;--padding-xs: .5rem;--padding-s: .75rem;--padding-m: 1rem;--padding-l: 1.25rem;--padding-xl: 1.75rem}:root.darkMode{--background-color-primary: #1e1e1e;--background-color-secondary: #2d2d30;--background-color-tertiary: #4e6082;--background-color-fifth: rgb(7, 123, 7);--background-color-sixth: rgb(40, 40, 234);--background-color-seventh: rgb(206, 206, 26);--background-color-eighth: rgb(237, 160, 16);--accent-color: #3f3f3f;--text-primary-color: #ffffff}body{color:var(--text-primary-color);background-color:var(--background-color-secondary);margin:0 0 10rem;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}#app{font-weight:400}header h1{margin:auto}header nav{display:none}header nav a{align-self:center;padding:var(--margin-xs) var(--margin-m);margin:var(--margin-m);border-width:0 2px;border-style:solid}header nav a:hover{border-width:2px 0}input[type=checkbox]{display:none}#dropdown:checked~nav{display:flex;flex-direction:column;font-weight:700;padding:var(--padding-m)}header:has(>#dropdown:checked){flex-direction:column;margin-bottom:-1rem;line-height:1.5;background-color:var(--background-color-fourth);text-align:center}.ddLabel{display:block;position:absolute;font-size:xx-large;right:0;top:0;z-index:3}.ddLabel:before{font-family:"Font Awesome 5 Free";content:"";font-weight:900;font-size:24px;cursor:pointer;color:var(--text-primary-color);background-color:var(--background-color-fourth);padding:var(--padding-m)}#dropdown:checked+label:before{content:""}.fig-head-quote{width:100%;position:relative}.fig-head-quote blockquote{text-align:center;font-style:italic}.fig-head-quote figcaption{justify-content:space-around;flex-direction:column;color:#fff;position:absolute;top:0}.fig-head-quote figcaption p{font-weight:700;font-size:xx-large;text-align:center;bottom:calc(50% - 10px);color:#fff}select{background-color:var(--background-color-fourth);color:var(--text-primary-color);padding:var(--padding-m);border-width:2px;border-color:var(--text-primary-color);border-style:solid;-webkit-appearance:none;-moz-appearance:none;appearance:none;text-align:center;align-self:center}select::selection{border:none}nav div{align-self:center}.switch-label{width:var(--element-size);border-radius:var(--element-size);border:calc(var(--element-size) * .025) solid var(--accent-color);padding:calc(var(--element-size) * .1);font-size:calc(var(--element-size) * .3);height:calc(var(--element-size) * .35);align-items:center;background:var(--text-primary-color);cursor:pointer;display:flex;position:relative;transition:background .5s ease;justify-content:space-between;z-index:1}.switch-toggle{position:absolute;background-color:var(--background-color-primary);border-radius:50%;top:calc(var(--element-size) * .07);left:calc(var(--element-size) * .07);height:calc(var(--element-size) * .4);width:calc(var(--element-size) * .4);transform:translate(0);transition:transform .3s ease,background-color .5s ease}.switch-toggle-checked{transform:translate(calc(var(--element-size) * .6))!important}section{display:flex;flex-direction:column;align-items:center;margin:var(--margin-m)}section h3{text-align:center}.baseContent{display:flex;text-align:center;flex-direction:column;gap:1rem}.baseContent a{font-weight:700;text-decoration:underline}.baseContent>*{padding:var(--padding-m);border-radius:1rem;background-color:var(--accent-color);border:1px solid var(--background-color-tertiary);overflow:auto;resize:both}.baseContent>*:hover{box-shadow:5px 5px 5px var(--background-color-primary) inset,-5px -5px 5px var(--background-color-tertiary) inset}.box{padding:0}ul li{padding:var(--padding-xs)}.ul-lang{padding:0;margin:0}.lang{font-size:large;font-weight:600}.bar{overflow:hidden;padding:var(--padding-xs)}.progress{float:left;padding:var(--padding-s)}.percent{float:right;font-weight:600;height:30px;line-height:30px}.color-s-one{background-color:var(--background-color-fifth)}.color-s-two{background-color:var(--background-color-sixth)}.color-s-three{background-color:var(--background-color-seventh)}.color-s-four{background-color:var(--background-color-eighth)}figure img{-webkit-user-select:none;user-select:none;width:100%}figure figcaption{text-align:center}figure figcaption a{text-decoration:underline}.menu{display:flex;flex-direction:column;justify-content:center;margin:auto;border:none;border-radius:5px;padding:0;width:40%;list-style:none;background-color:var(--accent-color);color:var(--text-primary-color)}.menu *{cursor:pointer}.menu label{display:flex;justify-content:center;position:relative;border-radius:5px;padding:var(--padding-xs) var(--padding-s)}.menu label:hover,.menu label:active,.menu label:focus{border-bottom:solid var(--text-primary-color);font-weight:700;background-color:var(--background-color-secondary);color:var(--text-primary-color)}.menu+figure>*{display:none}#all:checked~.menu [for=all],#professional:checked~.menu [for=professional],#creative:checked~.menu [for=creative],#devFyi:checked~.menu [for=devFyi]{border-bottom:solid var(--background-color-primary);font-weight:700}.gallery{display:flex;flex-wrap:wrap;overflow:hidden;margin:var(--margin-xl)}.gallery figure{background-color:transparent;position:relative}.gallery figure img{border-radius:5%}.gallery figure figcaption{display:none;background-color:#121212b6;position:absolute;border-radius:5%;width:100%;top:0}.gallery figure:hover>figcaption{display:block}#all:checked~.gallery .all,#professional:checked~.gallery .professional,#creative:checked~.gallery .creative,#devFyi:checked~.gallery .devFyi{display:block;animation:opacity 5s}footer{width:100%;position:fixed;bottom:0;background-color:var(--background-color-tertiary);color:#fff}footer ul{display:flex;justify-content:space-around;padding:0}.defineImg{margin:auto;width:70%}a{text-decoration:none;color:inherit;transition:.4s}i{display:flex;place-items:center;place-content:center;width:32px;height:32px}ul{list-style-type:none}p{color:var(--text-primary-color)}.hide{display:none}@media (min-width: 576px){.gallery figure{margin:var(--margin-xs);width:calc(50% - 16px)}.menu{flex-direction:row;align-items:flex-start;width:100%}.menu label{width:25%}.baseContent{width:calc(50% - 10px)}#dropdown:checked~nav{flex-direction:row;justify-content:space-evenly}header:has(>#dropdown:checked) .ddLabel{z-index:0}}@media (min-width: 992px){.fig-head-quote{text-align:center;align-items:center}.fig-head-quote img{width:calc(50% - 10px)}.fig-head-quote figcaption{left:25%;width:calc(50% - 10px)}.gallery figure{margin:var(--margin-xs);width:calc(100% / 3 - 20px)}.baseContent{flex-direction:row;justify-content:space-evenly;flex-wrap:wrap;width:100%}.baseContent p{margin:var(--margin-m);width:calc(50% - 10px);height:-webkit-fill-available}.box{margin:var(--margin-m);width:auto}section{height:100%}}@media (min-width: 1200px){.menu{max-width:80%}.gallery figure{width:calc(25% - 24px)}}