*{box-sizing:border-box;margin:0;padding:0}body{background-color:#fff}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{background-color:rgba(0,0,0,.75)}::-webkit-scrollbar-thumb{background:hsla(0,0%,100%,.75);border-radius:10px;-webkit-transition:.3s;transition:.3s}::-webkit-scrollbar-thumb:hover{background:hsla(0,0%,100%,.65)}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.app{align-content:center;margin:auto;width:50vw}.get--back{height:50px;width:100%}@media screen and (max-width:820px){.app{width:95vw}@media screen and (max-width:480px){.app{width:95vw}}}.home{background-image:url(/static/media/grid_module.d4ae511c05bf2beb2c00.svg);background-repeat:repeat;background-size:2%;margin:0 auto;width:50vw}.nav--bar--wrap{width:100%}.nav--bar{align-content:center;background-color:hsla(0,0%,100%,.5);border-bottom:1px solid hsla(0,0%,88%,0);display:flex;height:175px;justify-content:center;justify-items:center;left:0;margin:0 auto;opacity:1;padding:20px 0 0;position:fixed;right:0;top:0;transition:.3s;width:50vw;z-index:99}.nav--bar:hover{background-color:hsla(0,0%,88%,.9)}.nav--bar--hidden{align-content:center;background-color:#e0e0e0;display:flex;height:130px;justify-content:center;justify-items:center;opacity:1;position:fixed;top:0;top:-175px;transition:.3s;width:50vw}#dark{-webkit-filter:invert(100%);filter:invert(100%)}.nav--bar--elements--wrap{width:100%}.ghost--bar{height:18px;position:fixed;top:118px;width:100%;z-index:100}.upper--bar{display:grid;grid-template-columns:50% 50%;padding-bottom:12.5px;width:100%}.upper--bar--left--side{height:100%}.logo--wrap{align-items:center;display:flex;height:100%;justify-content:left}#betsu--logo{height:40px;padding-left:var(--sidePadding);transition:.1s}#betsu--logo:hover{cursor:pointer;-webkit-transform:scale(1.025);transform:scale(1.025)}.upper--bar--right--side{align-items:center;display:flex;height:100%;justify-content:right}.toggle--switch--wrap{align-items:center;display:flex;padding-right:7.5px}#darkmode--text{align-self:center}.info--button--wrap{align-items:center;display:grid;height:100px;justify-items:center}#info--button{height:50px;padding-right:var(--sidePadding)}.main--menu{align-content:center;display:flex;font-size:0;transition:1s;visibility:0}.main--menu--visible{font-size:16px;margin-right:52px}.main--menu--link,.main--menu--visible{align-content:center;display:flex;transition:.1s}.main--menu--link{padding:4%;-webkit-transform:scale(0);transform:scale(0);width:100%}.main--menu--link--visible{align-content:center;display:flex;padding:4%;-webkit-transform:scale();transform:scale();transition:.1s;width:100%}.main--menu--link:hover{align-self:center;font-weight:700;padding:4%;width:100%}.lower--bar{align-content:center;display:inline;display:flex;flex-wrap:wrap;height:50px;justify-content:space-between;padding-top:4px}.lower--bar--left--side{align-content:center;align-items:center;display:flex}.project--cat--menu--wrap{align-items:center;display:flex;flex-wrap:wrap;height:50px;justify-content:right;padding-right:var(--sidePadding);width:100%}.loading{display:flex;height:5000px;width:100vw}.main{margin-left:auto;margin-right:auto;margin-top:175px;transition:all .3s;width:100%;z-index:90}.box--wrap{grid-gap:6px;display:grid;gap:6px;grid-template-columns:repeat(4,1fr);place-items:start;width:100%}@media screen and (max-width:820px){.nav--bar{height:160px;padding:20px 2% 0;width:95vw}#betsu--logo{height:18px;padding-left:var(--sidePadding);transition:.1s}.nav--bar--hidden{padding:20px 2% 0;top:- 160px;width:95vw}.home{margin:0 auto;width:95vw}.main{margin-top:180px;transition:all .3s;width:100%;z-index:90}.box--wrap{gap:10px;grid-template-columns:repeat(2,1fr)}}@media screen and (max-width:480px){.main{margin-top:165px;width:90vw}.lower--bar{display:flex;height:50px;justify-content:space-between;margin-top:20px;padding-top:4px}.project--cat--menu--wrap{align-items:center;height:auto;justify-content:right;padding-right:var(--sidePadding);width:100%}}.menu--button{align-items:center;background-color:rgba(255,55,55,0);border:1px solid hsla(0,0%,71%,.5);color:#000;cursor:pointer;display:flex;font-size:14px;font-weight:800;margin-bottom:10px;margin-left:14px;padding:2px 6px 3px;transition:.2s;white-space:nowrap}.menu--button:hover{border:1px solid #000;transition:.2s}.menu--button--text{margin:0;padding:0}input:checked+.menu--button{background-color:#ff3737}@media screen and (max-width:480px){.menu--button{align-items:center;background-color:#fff;border:1px solid #000;border-radius:4px;color:#000;cursor:pointer;display:flex;font-size:10px;font-weight:400;margin-left:8px;padding:3px 6px;transition:.3s}.menu--button:hover{background-color:#e6e6e6}input:checked+.menu--button{background-color:#ff3737}}@media screen and (max-width:320px){.menu--button{align-items:center;background-color:#fff;border:1px solid #000;border-radius:4px;color:#000;cursor:pointer;display:flex;font-size:8px;font-weight:400;margin-left:6px;padding:3px 6px;transition:.3s}}jb{border:1px solid transparent;border-radius:4px;color:#000;margin-left:4px;padding:0 4px;transition:.3s}jb:hover{border:1px solid rgba(0,0,0,.5);color:#000;cursor:pointer}jb:hover .tooltip{opacity:1;visibility:visible}ev{font-size:32px;font-weight:800}#jb-img-small{border-radius:100%}.tooltip{align-items:center;background-color:#000;border-radius:5px;box-shadow:4px 4px 12px rgba(0,0,0,.4);color:#fff;display:inline-block;font-size:12px;font-weight:400;justify-items:center;line-height:15px;margin:0 10px 10px;opacity:0;padding:.75%;position:absolute;transition:.6s;transition-delay:.3s;visibility:hidden;width:250px}.about--wrap{align-self:center;display:grid;grid-template-columns:1fr 1fr 1fr;grid-template-rows:auto;line-height:36px;padding-top:5%;width:100%}.big--logo--wrap{grid-column:1/span 3}.about--text--wrap{font-size:22px;grid-column:2/span 2;margin-bottom:5%;margin-top:5%;transition:all .6s}#about--dark{color:#fff;transition:all .6s}.about--text{margin-bottom:2%}@media screen and (max-width:480px){jb{border:1px solid transparent;border-radius:4px;color:#000;margin-left:0;padding:0 2px;transition:.3s}.tooltip{display:none}.about--wrap{grid-template-columns:1fr}.big--logo--wrap{grid-column:1}.about--text--wrap{font-size:18px;grid-column:1;line-height:22px;margin-bottom:5%;margin-top:5%;transition:all .6s}.about--text{margin-bottom:5%}ev{font-size:22px;font-weight:800}}.big--logo--wrap{align-content:center;height:100%;justify-content:center;justify-content:left;transition:all .6s;width:100%}.big--logo--img--wrap{display:flex;flex-direction:column;grid-column:1;grid-row:1;justify-items:baseline;width:75%}.big--logo--img{position:relative;transition:.3;width:100%}#Z1{transition:.4s;z-index:10}#Z2{z-index:11}#Z2,#Z3{opacity:1;transition:.6s}#Z3{z-index:12}#Z1--trans{-webkit-transform:scale(1.01);transform:scale(1.01);transition:.6s;z-index:10}#Z2--trans{-webkit-transform:scale(.99);transform:scale(.99);z-index:11}#Z2--trans,#Z3--trans{opacity:1;transition:.6s}#Z3--trans{-webkit-transform:scale(1.02);transform:scale(1.02);z-index:12}#logo--light{width:100%}#logo--dark{-webkit-filter:invert();filter:invert();transition:all .6s}.toggle--switch--wrap{justify-items:center;margin-right:10px}.toggle--switch--icons{align-items:center;display:grid;grid-template-columns:50% 50%;justify-items:center;padding-bottom:1.5px}.toggle--switch--icon{align-self:center;transition:cubic-bezier(.075,.82,.165,1);width:50%}.toggle{background-color:#000;border-radius:45px;display:inline-block;height:20px;position:relative;width:37px}.toggle input{height:0;opacity:0;width:0}.slider{align-items:center;bottom:-1.5px;cursor:pointer;display:flex;justify-content:right;left:0;position:absolute;right:0;top:0;transition:.1s}.slider:before{background-color:#000;border:2px solid #fff;border-radius:45px;bottom:3.5px;content:"";height:12px;left:3px;position:absolute;transition:.4s;width:12px}input:checked+.slider:before{-webkit-transform:translateX(15x);transform:translateX(15px)}.sandwich--wrap{transition:.3s}.sandwich--wrap,.sandwich--wrap--clicked{align-items:center;display:flex;height:21px;width:24px}.sandwich--wrap--clicked{transition:.1s}.sandwich--wrap:hover{cursor:pointer;-webkit-transform:scale(1.1);transform:scale(1.1);transition:.1s}.sandwich{align-content:space-between;align-items:center;display:grid;grid-template-columns:100%;grid-template-rows:1fr 1fr 1fr;height:100%;width:100%}.sandwich--line{background-color:#000;border-radius:1.5px;height:3.2px;width:100%}#sl--2{justify-self:center;transition:.3s;width:100%}.info--wrap{align-items:center;display:flex;height:100%}.info--img{transition:.1s;width:24px}.info--img:hover{cursor:pointer;-webkit-transform:scale(1.05);transform:scale(1.05)}*{font-family:Montserrat,sans-serif}.project--view{background-color:initial;transition:all .3s;width:100%;z-index:99}.project--view--close--wrap{justify-content:right;padding-top:0;position:fixed;right:32px;text-align:right;top:32px;width:100%}.close--img{justify-content:right;text-align:right;width:25px}.close--img:hover{cursor:pointer;-webkit-transform:scale(1.05);transform:scale(1.05)}@media screen and (max-width:480px){.project--view--close--wrap{right:15px;top:15px}.close--img{justify-content:right;text-align:right;width:20px}}.background{transition:all 1s}.background--dark{-webkit-filter:invert(.5);filter:invert(.5);transition:all 1s}.footer--wrap{justify-items:center;justify-self:center;margin-top:4%;position:static}.footer,.footer--wrap{display:grid;width:100%}.footer{grid-template-columns:1fr 1fr 1fr;grid-template-rows:auto;margin-bottom:2.5%}.social--media--wrap{display:flex;grid-column:2/span 2;grid-row:2;justify-self:right}.social--media--icon--wrap{display:flex;margin:2.5px}.social--media--img{box-shadow:1px 1px 5px rgba(0,0,0,.1);margin:2px;transition:.1s;width:45px}.social--media--img:hover{opacity:.8}.email--wrap{grid-column:1/span 2;transition:.1s;width:100%}.email--wrap:hover{cursor:pointer;-webkit-transform:scale(1.01);transform:scale(1.01)}.clip--board{padding:0}.email{font-size:42px;font-weight:800}.copyright--wrap{grid-column:2/span 2;grid-row:3;margin-top:1%;text-align:right}#footer--dark{-webkit-filter:invert();filter:invert()}@media screen and (max-width:480px){.footer--wrap{align-content:center;background-color:hsla(0,0%,100%,0);display:flex;justify-self:center;padding:0;position:static;width:100%}.footer,.footer--wrap{justify-content:center;text-align:center}.footer{display:grid;grid-template-columns:1fr;grid-template-rows:auto;justify-items:center}.social--media--wrap{grid-column:1;grid-row:2;justify-self:right}.social--media--icon--wrap{display:flex;margin:1.5px}.social--media--img{box-shadow:1px 1px 5px rgba(0,0,0,.1);margin:2px;transition:.1s;width:30px}.social--media--img:hover{opacity:.8}.email--wrap{align-self:center;grid-column:1;margin-bottom:2%;margin-top:0;padding:0;text-align:left;transition:.1s}.email--wrap:hover{cursor:pointer;-webkit-transform:scale(1.01);transform:scale(1.01)}.email{font-size:22.5px;font-weight:800}.copyright--wrap{font-size:12px;grid-column:1;grid-row:3;justify-self:right;margin-top:3%;text-align:right}#footer--dark{-webkit-filter:invert();filter:invert()}}@media screen and (max-width:320px){.social--media--img{box-shadow:1px 1px 5px rgba(0,0,0,.1);margin:2px;transition:.1s;width:25px}.email{font-size:22px;text-align:right}.clip--board{font-size:11px}}.presentation--wrap{margin-left:auto;margin-right:auto;width:75%}.presentation--intro--box{grid-gap:5%;align-items:center;display:grid;gap:5%;grid-template-columns:1fr 1fr;justify-content:end;justify-items:end;margin-bottom:10%;margin-top:10%;width:100%}.presentation--intro--img{height:auto;object-fit:scale-down;width:100%}.presentation--intro--text--wrap{color:#000;text-align:left;width:100%}.presentation--intro--title{font-size:50px;font-weight:800;margin-bottom:32px}.presentation--intro--description{font-size:24px;font-weight:400}.presentation--box{grid-gap:5%;display:grid;gap:5%;grid-template-columns:1fr 1fr;justify-content:end;justify-items:end}.presentation--box,.presentation--box--2span{align-items:center;margin-bottom:10%;margin-top:10%;width:100%}.presentation--box--2span{grid-template-columns:100%;justify-items:left}.imgs--wrap{grid-gap:5%;display:grid;gap:5%;grid-template-columns:1fr 1fr}.img--wrap{grid-gap:5%;display:grid;gap:5%;grid-template-columns:1fr}#presentation--intro--img--julian{aspect-ratio:1;border-radius:85px;-webkit-filter:grayscale(1);filter:grayscale(1);height:auto;object-fit:contain;opacity:75%;overflow:hidden;padding:10%;transition:s 4npm;width:100%}#presentation--intro--img--julian:hover{-webkit-filter:grayscale(0);filter:grayscale(0);opacity:100%;transition:.4s}.two--imgs--wrap{grid-gap:5%;display:grid;gap:5%;grid-template-columns:1fr 1fr;padding:10%}.three--imgs--wrap{grid-gap:5%;gap:5%;grid-template-columns:1fr 1fr 1fr;margin-bottom:5%;margin-top:5%}.four--imgs--wrap,.three--imgs--wrap{display:grid;justify-content:space-between;justify-items:left;padding:0}.four--imgs--wrap{grid-gap:4%;gap:4%;grid-template-columns:1fr 1fr 1fr 1fr}.presentation--img{height:auto;object-fit:scale-down;width:100%}.presentation--text--wrap{color:#000;text-align:left;width:100%}.presentation--heading{font-size:50px;font-weight:800;margin-bottom:32px}.presentation--description{font-size:24px;font-weight:400}p{margin-bottom:18px}#presentation--wrap--deka{padding:5% 0}#presentation--wrap--zotmerr{padding:5%}#presentation--wrap--realbeat{align-items:center;display:grid;grid-template-columns:50% 50%;justify-items:center;padding:5%}#imgs--wrap--deka{grid-gap:0;display:grid;gap:0;grid-template-columns:1fr 1fr;justify-content:center;padding:0;width:100%}#img--wrap--deka{grid-gap:0;display:grid;gap:0;grid-template-columns:1fr;padding:0}#presentation--img--mobile--round--border,#presentation--img--round--border{border-radius:10px;box-shadow:4px 4px 12px rgba(0,0,0,.1)}#presentation--img--mobile--round--border{width:85%}#presentation--img--deka{height:auto;object-fit:scale-down;transition:.3s;width:100%}#presentation--img--dark--matter{border-radius:10px;margin:0;padding:0;width:100%}#presentation--img--deka:hover{cursor:pointer;-webkit-transform:scale(1.1);transform:scale(1.1)}#presentation--intro--img--deka--logo{height:500px}#presentation--box--2span--deka{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;justify-content:left;margin-bottom:4%;width:100%}#two--imgs--wrap--deka{height:40%;justify-content:left}#two--imgs--wrap--dark--matter{padding:0}#one--img--wrap--deka{height:35%;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}#three--imgs--wrap--deka{grid-column-gap:5%;grid-row-gap:0;-webkit-column-gap:5%;column-gap:5%;grid-template-columns:1fr 1fr 1fr;height:40%;margin-top:1%;padding:0;row-gap:0}#four--imgs--wrap--deka,#three--imgs--wrap--deka{display:grid;justify-content:space-between;justify-items:left}#four--imgs--wrap--deka{grid-gap:4%;gap:4%;grid-template-columns:1fr 1fr 1f 1fr;padding:0 0 5%}@media screen and (max-width:880px){.presentation--intro--box{grid-template-columns:1fr}.presentation--intro--img{height:auto;object-fit:scale-down;width:100%}#presentation--intro--img--deka--logo{align-self:center;height:auto;object-fit:scale-down;-webkit-transform:scale(.8);transform:scale(.8)}#presentation--intro--img--pprune{height:auto;object-fit:scale-down;width:70%}.presentation--intro--title{font-size:42px;font-weight:800}.presentation--intro--description{font-size:24px;font-weight:400}.presentation--img{height:auto;object-fit:scale-down;padding-top:0;width:100%}.presentation--text--wrap{color:#000;grid-row:1;margin-bottom:5%;text-align:left;width:100%}.presentation--heading{font-size:42px;font-weight:800;grid-row:1}.presentation--description{font-size:24px;font-weight:400;grid-row:2}.presentation--box{gap:1%;grid-template-columns:1fr}.presentation--box,.presentation--box--2span{margin-bottom:15%;margin-top:15%}#presentation--img--mobile--round--border,#presentation--img--round--border{border-radius:10px;box-shadow:4px 4px 12px rgba(0,0,0,.1)}#presentation--img--mobile--round--border{width:85%}.img--wrap,.imgs--wrap{grid-row:3;padding-top:0}.three--imgs--wrap{gap:5%;margin:0;padding:0}.four--imgs--wrap{grid-template-columns:1fr 1fr;justify-content:c}#presentation--wrap--deka{padding:0}#presentation--img--deka--logo{height:250px}}@media screen and (max-width:480px){.presentation--wrap{margin-top:0}.presentation--intro--box{gap:50px;grid-template-columns:1fr;margin-bottom:20%}.presentation--intro--img{grid-row:2;height:auto;justify-self:left;margin-bottom:0;object-fit:scale-down;width:100%}#presentation--intro--img--julian{grid-row:1}.presentation--intro--title{font-size:48px;font-weight:800;margin-bottom:20px}.presentation--intro--description{font-size:18px;font-weight:400;grid-row:1}#presentation--intro--description--julian{grid-row:2}#presentation--intro--img--deka--logo{align-self:center;height:auto;object-fit:scale-down;width:100%}.presentation--box{grid-template-columns:1fr;margin-bottom:20%}.presentation--box--2span{margin-bottom:20%}.presentation--heading{font-size:24px;font-weight:800;margin-bottom:2%}.presentation--description{font-size:18px;font-weight:400}p{margin-bottom:18px}.two--imgs--wrap{grid-template-columns:1fr}.three--imgs--wrap{gap:1%;grid-template-columns:100%}.four--imgs--wrap{grid-template-columns:1fr 1fr}#presentation--img--deka--logo{height:175px}}#project--wrap--dark--matter{margin-bottom:20%;margin-top:0;padding:0}#text-paragraphs-dark-matter,.grid-el,.text-p{padding:0}.grid-el{margin:0;width:100}.composition--wrap{align-content:top;border:2px solid #000;border-radius:4px;display:flex;justify-content:center;padding:4% 2% 2%;width:100%}.composition--step--wrap{display:block;padding:1%;text-align:right;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.composition--img{object-fit:scale-down;width:100%}.symbol--wrap{align-items:center;padding-top:14%}.symbol{width:50px}.description{font-size:16px;font-weight:500;margin-top:10px}@media screen and (max-width:780px){.composition--img{width:150px}.symbol{width:20px}}@media screen and (max-width:480px){.composition--wrap{flex-direction:column}.symbol--wrap{align-items:center;justify-items:center;padding:0 0 0 46%}.symbol{justify-self:center;width:30px}#arrow{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.composition--step--wrap{text-align:center}.composition--img{width:90%}}.gol-frame{grid-column:1/span 1;grid-row:2/span 1;width:200px}ev2{border:1px solid transparent;border-radius:4px;color:#000;font-size:24px;font-weight:800;margin-left:4px;padding:0 4px;transition:.3s}ev2:hover{border:1px solid rgba(0,0,0,.5);color:#000;cursor:pointer}ev2:hover .tooltip-2{opacity:1;visibility:visible}#jb-img-small{justify-self:center;width:95px}#link{color:#e58a8a;font-weight:600;text-decoration:underline;transition:.1s}#link:hover{color:#d35555}ul{padding:5%}li{font-weight:300;padding-top:1%}.tooltip-2{align-items:center;background-color:#000;border-radius:5px;bottom:25px;box-shadow:4px 4px 12px rgba(0,0,0,.4);color:#fff;display:inline-block;font-size:12px;font-weight:400;justify-items:center;line-height:15px;margin:10px;opacity:0;padding:.75%;position:absolute;transition:.6s;transition-delay:.3s;visibility:hidden;width:250px}.tooltip-julian-wrap{display:grid;grid-template-rows:50% 50%;height:100%;margin-bottom:6%}.tooltip-text{margin:0}#tooltip-p{margin-bottom:0;padding-bottom:0}@media screen and (max-width:480px){.tooltip-2{display:none}}
/*# sourceMappingURL=main.84a54b69.css.map*/