@import url(https://fonts.googleapis.com/css2?family=Chakra+Petch:wght@400;700&family=Press+Start+2P&display=swap);
.develop.view .scrollbar-container,.view.auxilary .scrollbar-container{display:flex;flex-direction:row;flex-wrap:wrap;row-gap:1rem;justify-content:center;align-content:flex-start;align-items:flex-start;height:100vh;width:100vw;overflow:hidden}.develop.view .scrollbar-container .section,.view.auxilary .scrollbar-container .section{flex:0 0 45%;background-color:rgba(255,255,255,.75);border-radius:.25rem;color:#000;padding:1rem;box-sizing:border-box;box-shadow:.125rem .125rem .25rem #000}.develop.view .scrollbar-container .section h2,.view.auxilary .scrollbar-container .section h2{border-bottom:solid 1px #adadad;margin:0 0 .25rem 0;text-shadow:.0625rem .0625rem .125rem #fff}.develop.view .scrollbar-container .section .content,.view.auxilary .scrollbar-container .section .content{padding:0 0 0 .5rem;box-sizing:border-box}.develop.view .scrollbar-container .section .content h3,.view.auxilary .scrollbar-container .section .content h3{margin:0;text-shadow:.0625rem .0625rem .125rem #fff}.develop.view .scrollbar-container .section .content p,.view.auxilary .scrollbar-container .section .content p{margin:0 0 .25rem 0;text-shadow:.0625rem .0625rem .125rem #fff}.develop.view .scrollbar-container .section:nth-child(odd),.view.auxilary .scrollbar-container .section:nth-child(odd){margin:0 1rem 0 0}@media(max-width: 576px){.develop.view .scrollbar-container,.view.auxilary .scrollbar-container{row-gap:.5rem;align-items:center}.develop.view .scrollbar-container .section,.view.auxilary .scrollbar-container .section{flex:0 0 90vw;padding:.25rem;align-self:flex-start;justify-self:center}.develop.view .scrollbar-container .section:nth-child(odd),.view.auxilary .scrollbar-container .section:nth-child(odd){margin:0}}
.MuiDialog-root.image-modal .MuiDialog-container .MuiPaper-root.MuiDialog-paper{max-width:90vw;background-color:rgba(0,0,0,0);box-shadow:none}.MuiDialog-root.image-modal .MuiDialog-container .MuiPaper-root.MuiDialog-paper .MuiTypography-root.MuiDialogTitle-root{padding:0;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-end;align-content:stretch;align-items:center}.MuiDialog-root.image-modal .MuiDialog-container .MuiPaper-root.MuiDialog-paper .MuiTypography-root.MuiDialogTitle-root .MuiButtonBase-root.MuiIconButton-root{color:rgba(255,255,255,.75);flex:0 0 auto}.MuiDialog-root.image-modal .MuiDialog-container .MuiPaper-root.MuiDialog-paper .MuiTypography-root.MuiDialogTitle-root .MuiButtonBase-root.MuiIconButton-root:hover{color:#fff}.MuiDialog-root.image-modal .MuiDialog-container .MuiPaper-root.MuiDialog-paper .MuiDialogContent-root{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:center;align-content:stretch;align-items:center;overflow:hidden}.MuiDialog-root.image-modal .MuiDialog-container .MuiPaper-root.MuiDialog-paper .MuiDialogContent-root .MuiButtonBase-root.MuiIconButton-root{color:rgba(255,255,255,.75);transition:all .25s ease-out}.MuiDialog-root.image-modal .MuiDialog-container .MuiPaper-root.MuiDialog-paper .MuiDialogContent-root .MuiButtonBase-root.MuiIconButton-root .MuiSvgIcon-root{font-size:2em;filter:drop-shadow(0 0 0.5rem #000)}.MuiDialog-root.image-modal .MuiDialog-container .MuiPaper-root.MuiDialog-paper .MuiDialogContent-root .MuiButtonBase-root.MuiIconButton-root:hover{color:#fff}.MuiDialog-root.image-modal .MuiDialog-container .MuiPaper-root.MuiDialog-paper .MuiDialogContent-root .image-container{position:relative;width:50vw;height:80vh;overflow:visible}.MuiDialog-root.image-modal .MuiDialog-container .MuiPaper-root.MuiDialog-paper .MuiDialogContent-root .image-container div.image{display:block;position:absolute;top:0;right:0;bottom:0;left:0}.MuiDialog-root.image-modal .MuiDialog-container .MuiPaper-root.MuiDialog-paper .MuiDialogContent-root .image-container div.image img{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);max-height:70vh;max-width:50vw;box-shadow:.125rem .125rem .25rem #000;border:solid .75rem #fff;border-radius:.25rem}
.design.view{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%) !important;width:80%}.design.view .card{display:inline-block;padding:.25rem;border-radius:.25rem;background-color:#fff;position:relative;z-index:1;cursor:pointer;transition:all .25s ease-out}.design.view .card img{display:block;width:5rem}.design.view .card:hover{box-shadow:.25rem .25rem .125rem rgba(0,0,0,.5);transform:translate3d(0, -2.25em, 0) scale(1.5) !important;z-index:10}@media(max-width: 1300px){.design.view{top:55%;width:95%}}@media(max-width: 1028px){.design.view{top:55%;width:95%}}@media(max-width: 576px){.design.view{top:55%;width:95%}.design.view .card img{width:3.5rem}}@media(max-width: 400px){.design.view{top:55%;width:90%}.design.view .card img{width:2.5rem}}
.develop.view .scrollbar-container{display:flex;flex-direction:row;flex-wrap:wrap;row-gap:1rem;justify-content:center;align-content:flex-start;align-items:flex-start;height:100vh;width:100vw;overflow:hidden}.develop.view .scrollbar-container .section{flex:0 0 45%;background-color:rgba(255,255,255,.75);border-radius:.25rem;color:#000;padding:1rem;box-sizing:border-box;box-shadow:.125rem .125rem .25rem #000}.develop.view .scrollbar-container .section h2{border-bottom:solid 1px #adadad;margin:0 0 .25rem 0;text-shadow:.0625rem .0625rem .125rem #fff}.develop.view .scrollbar-container .section .content{padding:0 0 0 .5rem;box-sizing:border-box}.develop.view .scrollbar-container .section .content h3{margin:0;text-shadow:.0625rem .0625rem .125rem #fff}.develop.view .scrollbar-container .section .content p{margin:0 0 .25rem 0;text-shadow:.0625rem .0625rem .125rem #fff}.develop.view .scrollbar-container .section:nth-child(odd){margin:0 1rem 0 0}@media(max-width: 576px){.develop.view .scrollbar-container{row-gap:.5rem;align-items:center}.develop.view .scrollbar-container .section{flex:0 0 90vw;padding:.25rem;align-self:flex-start;justify-self:center}.develop.view .scrollbar-container .section:nth-child(odd){margin:0}}
.home-content{overflow:hidden;position:absolute;top:0;right:0;bottom:0;left:0}.home-content .stripe{position:absolute;top:50%;right:-2rem;left:-2rem;transform:translate(0, -50%) rotate(2.5deg);background:#fff;padding:0 2rem}.home-content .stripe .centered-content{margin:0 auto;padding:1rem 0;width:fit-content}.home-content .stripe .centered-content h1.title-header{font-size:4em;line-height:.9em;margin:0;color:#000}.home-content .stripe .centered-content ul.navigation-list{margin:0;padding:0;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-start;align-content:stretch;align-items:stretch;list-style:none}.home-content .stripe .centered-content ul.navigation-list li{flex:1 1 auto}.home-content .stripe .centered-content ul.navigation-list li a{text-decoration:none;font-size:1.35em;color:#a9a9a9;transition:all .25s ease-out}.home-content .stripe .centered-content ul.navigation-list li a:hover{color:red}.home-content .stripe .centered-content ul.navigation-list li:nth-child(2){text-align:center}.home-content .stripe .centered-content ul.navigation-list li:last-child{text-align:right}
.background{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;overflow:hidden}.background svg{position:absolute;height:120vh;width:120vw;transform:translate(-50%, -50%) scale(2) rotate(90deg)}.background.horizontal-orientation svg{transition:all 2s ease-out}.background.vertical-orientation svg{transform:translate(-50%, -50%) scale(2) rotate(0deg);opacity:1;transition:all 2s ease-out}
section.footer{position:fixed;bottom:0;right:.25rem}
section.navigation{position:relative;z-index:10}section.navigation .MuiTabs-root{min-height:unset;background-color:rgba(0,0,0,.5)}section.navigation .MuiTabs-root .MuiTabs-scroller.MuiTabs-fixed .MuiTabs-flexContainer .MuiButtonBase-root.MuiTab-root{padding:.5em .75em;min-height:unset;min-width:unset;color:#e6e6e6}section.navigation .MuiTabs-root .MuiTabs-scroller.MuiTabs-fixed .MuiTabs-flexContainer .MuiButtonBase-root.MuiTab-root.Mui-selected{color:#fff}section.navigation .MuiTabs-root .MuiTabs-scroller.MuiTabs-fixed .MuiTabs-indicator{background:red}
body{margin:0;padding:0;overflow:hidden;background-color:#3c3c3c}body #root{position:relative;height:100vh;width:100vw;color:#fff;z-index:1}body #root .view:not(.design){position:absolute;top:2.5rem;right:0;bottom:1.5rem;left:0;z-index:2}body *{font-family:"Chakra Petch",sans-serif}