@keyframes barrel-roll{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.roll{animation:barrel-roll 2.5s ease-in-out;animation-iteration-count:1}.home-desc{display:flex;flex-direction:row;.side{display:flex;flex-direction:column;width:50%}.side:first-of-type{margin:0 100px 0 0}}.home-img{border-radius:10px;box-shadow:0 0 10px 0;margin:40px 0 0}.search{width:50%;.search-bar{border:2px solid var(--root-font-color);border-radius:10px;display:flex;margin:25px 0;max-width:100%;i{font-size:1.5rem;padding:10px 20px}i:hover{color:var(--root-link-hover);cursor:pointer}input{background:none;border:none;color:var(--root-font-color);flex-grow:1;font-size:1rem}input:focus-visible{outline:none}}}@media only screen and (width <= 768px){.home-desc{flex-direction:column;.side{margin:0 0 50px;width:100%}}.search{width:100%}}header{align-items:center;background:var(--header-background);box-shadow:0 0 10px;display:flex;height:50px;justify-content:space-around;width:100%;.theme{flex:5}.logo{flex:1;min-width:230px;text-align:center}a{padding:5px 20px;text-decoration:none}.theme-container{align-items:center;display:flex;justify-content:center;.select{.selected-option{background-color:var(--header-selected-option-hover);cursor:pointer;margin:0 5px;padding:5px 0}.options,.selected-option{border-radius:10px;text-align:center;width:80px}.options{box-shadow:0 0 10px var(--header-theme-switcher);list-style:none;margin:10px 5px 0;opacity:0;position:absolute;transition:max-height .4s ease-out,opacity .4s ease-out;visibility:hidden;z-index:5}.options,.options li{background:var(--header-background)}.options li{border-radius:10px;cursor:pointer;padding:8px}.options li:hover{background-color:var(--header-selected-option-hover)}}.open{.options{max-height:200px;opacity:1;visibility:visible}}}}@media only screen and (width >= 769px){.mobile-icon{display:none}.desktop-text{display:block}}@media only screen and (width <= 768px){header{justify-content:space-between;position:fixed;z-index:10;.theme{flex:1}.theme-container{.select{.selected-option{padding:10px 5px}.options{background:none;box-shadow:none;width:90px;li{border:2px dashed var(--navigation-border);margin:15px 0;padding:15px 5px}}}}}.mobile-icon{display:block}.desktop-text{display:none}}@media only screen and (width >= 769px){.content{display:flex;flex:1;height:70%}}@media only screen and (width <= 768px){.content{flex-direction:column}}nav{background:var(--navigation-background);display:flex;flex:1;flex-direction:column;justify-content:space-between;min-width:230px;overflow-y:auto;width:20%;.submenu{display:flex;flex-direction:column;margin:0 0 0 30px;max-height:0;overflow:hidden;transition:all .4s ease-in-out}.submenu.expanded{max-height:500px}a{align-items:center;display:flex;font-size:1.1em;margin:5px 10px;padding:15px 25px 15px 15px}.active{.dot{background-color:var(--root-link-hover)}}.link{.dot{background-color:var(--navigation-background);border-radius:50%;margin:0 10px 0 0;padding:5px}}.link:hover{.dot{background-color:var(--navigation-dot)}}}@media only screen and (width >= 1025px){nav{border-right:dashed var(--navigation-border);border-width:5px;flex:1;min-width:230px;width:20%}}@media only screen and (width >= 769px) and (width <= 1024px){nav{border-right:dashed var(--navigation-border);border-width:5px;flex:1;width:20%;a{padding:15px}.submenu{margin:0 0 0 20px}}}@media only screen and (width <= 768px){nav{border-bottom:3px solid var(--navigation-border);margin-top:50px;width:100%}}main{background:var(--main-background);flex:5;padding:0 0 50px;.site{margin:0 auto;a{padding:10px 5px;text-decoration:underline}a:hover{text-decoration:none}}}@media only screen and (width >= 1025px){main{overflow-y:auto;.site{max-width:80%}}}@media only screen and (width >= 769px) and (width <= 1024px){main{overflow-y:auto;.site{max-width:90%}}}@media only screen and (width <= 768px){main{width:100%;.site{max-width:100%;padding:0 30px}}}footer{background:var(--footer-background);box-shadow:0 0 5px;display:flex;z-index:5;.terminal-options{display:flex;flex:1}#terminal{background:var(--footer-background);color:var(--root-font-color);flex:5;height:52px;overflow-y:scroll;padding:0 0 0 10px;position:relative;transition:height .5s ease;.message{height:0;opacity:0;overflow:hidden;padding:5px;transition:opacity 1s ease-out,height 1s ease-out}.show{height:auto;opacity:1}.darkest{color:darkred}.icon-container{background:var(--footer-background);display:flex;justify-content:end;position:sticky;top:0;.close,.maximize,.minimize{background:var(--footer-background);cursor:pointer;padding:15px}}}}@media only screen and (width >= 769px){footer{border:none}}@media only screen and (width <= 768px){footer{border-top:3px solid var(--navigation-border);box-shadow:none;.terminal-options{flex:0}#terminal{padding:0 0 0 20px}}}html.is-changing .transition-fade{background:var(--main-background);opacity:1;transition:opacity .3s}html.is-animating .transition-fade{background:var(--main-background);opacity:0}::selection{background-color:var(--root-link-hover);color:var(--root-font-color)}a,body,h1,h2,h3,li,p,select,ul{color:var(--root-font-color);font-family:JetBrainsMono,Arial,sans-serif;line-height:1.6;margin:0;padding:0}html{font-size:18px}a,body,p,select{font-size:1rem;text-decoration:none}a{border-radius:10px}a:hover{background:var(--root-link-hover)}h1{color:var(--root-title-color);font-size:2rem;margin:40px 0 20px}h2{font-size:1.75rem;margin:60px 0 20px}h3{font-size:1.5rem;margin:30px 0 20px}.content{display:flex}@media only screen and (width >= 769px){body{display:flex;flex-direction:column;height:100vh}}@media only screen and (width <= 768px){body{display:flex;flex-direction:column;min-height:auto}}.project-data{display:flex;.section:first-of-type{margin:0 60px 0 0}.section{.part{display:flex;flex-flow:row wrap;span{border:2px dashed var(--project-span-border);border-radius:10px;margin:5px 20px 5px 0;padding:10px}}}}.resize-buttons{display:flex;justify-content:center;margin:30px 0;button{background:var(--project-button);border:1px solid var(--project-button);border-radius:.5em;color:var(--project-button-color);cursor:pointer;font-size:5rem;margin:0 10px;padding:10px 20px;transition:all .5s;width:140px}button:active,button:hover{color:var(--project-button-color-state)}button:active{box-shadow:inset 4px 4px 12px var(--project-button-box-shadow-1),inset -4px -4px 12px var(--project-button-box-shadow-2)}button.selected{color:var(--project-button-color-state)}}.iframe-container{background:var(--project-iframe-background);border-bottom-width:16px;border-bottom:60px solid var(--project-iframe-border);border-left:16px solid var(--project-iframe-border);border-radius:36px;border-right:16px solid var(--project-iframe-border);border-top-width:16px;border-top:60px solid var(--project-iframe-border);box-shadow:0 0 20px var(--project-device-item);display:flex;height:810px;justify-content:center;margin:0 auto 25px;position:relative;transition:width 1.2s ease;width:430px}.iframe-container:before{background:var(--project-device-item);border-radius:10px;content:"";display:block;height:5px;left:50%;opacity:1;position:absolute;top:-30px;transform:translate(-50%,-50%);transition:opacity 1s ease;width:60px}.hide-camera:before{opacity:0}.iframe-container:after{background:var(--project-iframe-border);border:3px solid var(--project-device-item);border-radius:50%;bottom:-78px;content:"";display:block;height:42px;left:50%;opacity:1;position:absolute;transform:translate(-50%,-50%);transition:opacity 1s ease;width:42px}.hide-button:after{opacity:0}iframe{border:none;border-radius:10px;box-shadow:0 0 0 16px var(--project-iframe-border);width:100%}.keyboard{background:var(--project-iframe-border);border-radius:5px 5px 40px 40px;box-shadow:0 0 20px var(--project-device-item);display:block;height:50px;margin:0 0 50px;opacity:1;position:relative;transition:opacity 1s ease;width:100%}.keyboard:before{background:var(--project-device-item);border-radius:10px;content:"";display:block;height:5px;left:50%;position:absolute;top:25px;transform:translate(-50%,-50%);width:100px}.hide-keyboard{opacity:0}@media only screen and (width <= 768px){.project-data{display:flex;flex-direction:column}.iframe-container{height:610px;width:80%;iframe{height:610px}}.keyboard{height:0}.resize-buttons{display:none}}@media only screen and (width >= 769px) and (width <= 1919px){#desktop{display:none}}@media only screen and (width <= 768px){.iframe-container{width:90%}}.tool-container{display:flex;flex-direction:row;margin:50px 0;.side{align-content:start;flex:1;.img-container{display:flex;justify-content:start;margin:25px 0;img{max-width:90%}}}.side:first-of-type{align-content:center}}@media only screen and (width <= 768px){.tool-container{display:flex;flex-direction:column}}@media only screen and (width >= 769px) and (width <= 1919px){.tool-container{display:flex;flex-direction:column}}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--scrollbar-track-background)}::-webkit-scrollbar-thumb{background-color:var(--scrollback-thumb-background);border-radius:5px;cursor:grabbing}@font-face{font-display:swap;font-family:JetBrainsMono;font-style:normal;font-weight:400;src:url(d08f929cab66fc19b568.ttf) format("truetype")}