:root{--white:#fff;--black:#000;--solarized:#fdf6e3;--nord:#2e3440;--transparent-color:transparent}*,*::before,*::after{box-sizing:border-box}*:focus{outline-color:var(--primary-color);outline-width:2px;outline-offset:4px}@font-face{font-display:swap;font-family:'Roboto',sans-serif;src:url('../fonts/Roboto-Regular.de011d6242.woff2') format('woff2')}@font-face{font-display:swap;font-family:'Roboto Bold',sans-serif;src:url('../fonts/Roboto-Bold.3134df34a9.woff2') format('woff2')}strong,b{font-family:'Roboto Bold',sans-serif}body{background-color:var(--body-color);color:var(--primary-color);font-family:'Roboto',sans-serif;font-size:large}#border{background-color:var(--back-color);border-color:var(--primary-color);border-radius:30px;border-style:solid;border-width:2px;padding:10px}ul.links{display:flex;list-style-type:none;justify-content:space-around}a{color:var(--link-color);text-decoration:none}.heading-title a{color:var(--primary-color)}a:hover{color:var(--primary-color)}img{width:100%;height:auto}.heading-title{float:left;width:auto;margin-top:0;margin-bottom:0}.qr-code:focus,.qr-code:hover{transform:translate(90%,0) scale(3,3);padding:2.9% 0}.qr-code:focus{outline:0}.qr-code{width:4%;pointer-events:auto}.theme-switches{display:flex;justify-content:center}#switch-1{background-color:var(--white)}#switch-2{background-color:var(--black)}#switch-3{background-color:var(--solarized)}#switch-4{background-color:var(--nord)}.switch{border:2px solid var(--primary-color);border-radius:30px;height:30px;margin:10px;padding:0;width:30px}.switch:hover{transform:scale(1.2);transition:.3s ease-in-out}hr,table,th,td{border-color:var(--primary-color)}html[data-theme='white']{--transparent-color:transparent;--back-color:#fff;--body-color:#fff;--primary-color:#000;--link-color:#616161}html[data-theme='black']{--transparent-color:transparent;--back-color:#000;--body-color:#000;--primary-color:#fff;--link-color:#c7c7c7}html[data-theme='solarized']{--transparent-color:transparent;--back-color:#fdf6e3;--body-color:#eee8d5;--primary-color:#002b36;--link-color:#586e75}html[data-theme='nord']{--transparent-color:transparent;--back-color:#3b4252;--body-color:#2e3440;--primary-color:#d8dee9;--link-color:#c7c7c7}.diagram[data-theme='black']{filter:invert(100%);-webkit-filter:invert(100%)}.diagram[data-theme='solarized']{filter:invert(14%) sepia(38%) saturate(1465%) hue-rotate(151deg) brightness(91%) contrast(102%);-webkit-filter:invert(14%) sepia(38%) saturate(1465%) hue-rotate(151deg) brightness(91%) contrast(102%)}.diagram[data-theme='nord']{filter:invert(85%) sepia(7%) saturate(300%) hue-rotate(180deg) brightness(105%) contrast(93%);-webkit-filter:invert(85%) sepia(7%) saturate(300%) hue-rotate(180deg) brightness(105%) contrast(93%)}.flex-container{display:flex;flex-wrap:wrap;justify-content:space-evenly}.project-div{background-color:var(--back-color);border-color:var(--primary-color);border-style:solid;border-radius:30px;margin-bottom:10px;text-align:left;overflow:hidden;position:relative;transition:all .3s ease-in-out;width:15rem;z-index:0}.project-div:hover{transform:scale(1.2);z-index:10}.project-div.construction:hover a>*{filter:blur(20px);opacity:.5;transition:filter .3s ease,opacity .3s ease}.project-div div{padding:0 3px 0 3px}.project-image{border-radius:27px 27px 0 0;display:block;height:auto;transition:filter .3s ease,opacity .3s ease;width:100%}.center-text{text-align:center}.project-div.construction:hover .project-image{filter:blur(20px);opacity:.5}.project-div.construction::after{background:url("../images/common/under-construction.33986a3ccf.webp") no-repeat center center;background-size:contain;content:"";height:100%;left:50%;opacity:0;position:absolute;pointer-events:none;top:50%;transform:translate(-50%,-50%);transition:opacity .3s ease;width:100%;z-index:5}.project-div.construction:hover::after{opacity:1}ol{counter-reset:item}ol li{display:block}ol li:before{content:counters(item,".") " ";counter-increment:item}ol li ol{display:none}.icon{text-align:left;transition:all .3s ease-in-out;width:3rem}.icon:hover{transform:scale(1.2)}figcaption{font-size:.7em}figure{margin:0}table{border:1px solid var(--primary-color);width:100%;table-layout:fixed;border-collapse:collapse}th{border:1px solid var(--primary-color)}td{word-wrap:break-word;border:1px solid var(--primary-color)}.table-layout-auto{table-layout:auto}.heading-div{margin-top:5px;margin-left:5px}@media only screen and (min-width:1025px){#border{margin:40px auto;max-width:1000px}figure img{width:30rem;height:auto}figure{margin:0;text-align:center}}@media only screen and (max-width:450px){.prev,.next,.text{font-size:11px}.qr-code{width:10%}.heading-div{overflow:auto}}@media only screen and (max-width:950px){.heading-div{overflow:auto}}