@charset "UTF-8";
header{position:sticky;top:0;z-index:1000}#topbar{background:var(--colorDark)}#topbar .wrap{max-width:var(--containerLimitedWidth);margin:auto;padding:10px 20px;display:flex;justify-content:end}#topbar .wrap a{display:flex;height:fit-content;color:var(--colorWhite);margin-left:20px;font-size:20px;transform:scale(1);transition:200ms ease-in-out}#topbar .wrap a i{font-size:inherit}#topbar .wrap a:hover{transform:scale(1.2);color:var(--colorPrimary)}#main_menu{position:absolute;left:0;background:#251a314a;height:100vh;border-left:5px solid #422e58;display:block;transition:all 300ms ease-in-out;max-width:100px;width:fit-content;padding:15px}#main_menu .navbar-brand{transition:all 300ms ease-in-out;width:100%;max-width:100px;height:fit-content;margin:auto}#main_menu .navbar-brand img{width:100%;height:auto;margin:auto}#main_menu .menu-info{max-width:0px;opacity:0;max-height:0px;transition:all 400ms ease-in-out;transform:scaleX(0);transform-origin:left}#main_menu .menu-info .name{font-size:50px;font-family:var(--fontPrimary);color:var(--colorPrimary)}#main_menu .menu-info span{padding-top:20px;color:var(--colorWhite)}#main_menu .navbar-nav{display:flex;flex-direction:column;align-items:center}#main_menu .navbar-nav .nav-item,#main_menu .navbar-nav .navitem-group{width:fit-content}#main_menu .navbar-nav .nav-item .nav-link,#main_menu .navbar-nav .navitem-group .nav-link{font-size:20px;font-family:var(--fontSecondary);font-weight:600;color:var(--colorWhite);padding:10px 0px;width:100%;display:flex;align-items:center;justify-content:start}#main_menu .navbar-nav .nav-item .nav-link::after,#main_menu .navbar-nav .navitem-group .nav-link::after{font-family:"Font Awesome 6 Free";font-weight:800;color:var(--colorWhite);transition:all 300ms ease-in-out;margin-left:0px;font-size:30px}#main_menu .navbar-nav .nav-item .nav-link span,#main_menu .navbar-nav .navitem-group .nav-link span{opacity:0;max-width:0px;padding:0px;transform:scaleX(0);transition:all 300ms ease-in-out;font-family:var(--fontPrimary);font-size:25px}#main_menu .navbar-nav .nav-item .nav-link:hover::after,#main_menu .navbar-nav .navitem-group .nav-link:hover::after{color:var(--colorPrimary)}#main_menu .navbar-nav .nav-item#Nol .nav-link::after,#main_menu .navbar-nav .navitem-group#Nol .nav-link::after{content:''}#main_menu .navbar-nav .nav-item#Art .nav-link::after,#main_menu .navbar-nav .navitem-group#Art .nav-link::after{content:''}#main_menu .navbar-nav .nav-item#Projects .nav-link::after,#main_menu .navbar-nav .navitem-group#Projects .nav-link::after{content:''}#main_menu .navbar-nav .nav-item#Roleplay .nav-link::after,#main_menu .navbar-nav .navitem-group#Roleplay .nav-link::after{content:''}#main_menu .navbar-nav .nav-item#Blog .nav-link::after,#main_menu .navbar-nav .navitem-group#Blog .nav-link::after{content:''}#main_menu:hover{border-left:5px solid var(--colorPrimary);border-right:5px solid var(--colorSecondary);max-width:280px;width:100%;background:#251a31b8}#main_menu:hover .navbar-brand{width:100px}#main_menu:hover .menu-info{max-width:300px;opacity:1;max-height:200px;margin:20px 0px;transform:scaleX(1)}#main_menu:hover .navbar-nav .nav-item .nav-link,#main_menu:hover .navbar-nav .navitem-group .nav-link{justify-content:start}#main_menu:hover .navbar-nav .nav-item .nav-link::after,#main_menu:hover .navbar-nav .navitem-group .nav-link::after{margin-left:10px}#main_menu:hover .navbar-nav .nav-item .nav-link span,#main_menu:hover .navbar-nav .navitem-group .nav-link span{opacity:1;transform:scaleX(1);max-width:200px;width:fit-content}@media only screen and (max-width:1200px){#main_menu{padding:5px;border:none}#main_menu .menu-info{text-align:center;padding:10px;margin:0px !important}#main_menu .navbar-brand{max-width:45px}#main_menu .menu-info .name{margin-bottom:0px;font-size:40px}#main_menu::after{content:'';font-family:"Font Awesome 6 Free";font-weight:800;border-radius:100%;font-size:40px;right:-25%;position:absolute;height:50px;width:50px;bottom:10vh;background:var(--colorPrimary);display:flex;align-items:center;justify-content:center;color:var(--colorWhite);transition:300ms ease-in-out all}#main_menu:hover::after{display:none}#main_menu:hover .navbar-brand{max-width:80px}#main_menu .navbar-nav .nav-item .nav-link::after,#main_menu .navbar-nav .navitem-group .nav-link::after{font-size:21px}#main_menu .navbar-nav .nav-item .nav-link span,#main_menu .navbar-nav .navitem-group .nav-link span{font-size:16px}}footer{background:var(--colorDark);position:relative;margin-top:200px}footer::after{content:'';background:url(/typo3conf/ext/wr_designblank/Resources/Public/Images/cloud_gradient.png);width:100%;height:200px;display:block;position:absolute;bottom:30px;z-index:-1;background-size:auto 123%}footer::before{content:'';background:url(/typo3conf/ext/wr_designblank/Resources/Public/Images/cloud_dark.png);width:100%;height:200px;display:block;position:absolute;bottom:0;background-size:auto 120%}footer .wrap{position:relative;display:flex;justify-content:space-between;align-items:center}footer .wrap .social a{color:var(--colorWhite);font-size:40px;margin-right:30px;transform:scale(1);transition:200ms ease-in-out}footer .wrap .social a i{color:inherit;font-size:inherit}footer .wrap .social a:hover{transform:scale(1.2);color:var(--colorPrimary)}footer .wrap .policyMenu{justify-content:end}footer .wrap .policyMenu a{color:var(--colorWhite);width:fit-content;margin-left:20px}footer .wrap .policyMenu a:hover{color:var(--colorPrimary)}footer .wrap .navbar-brand{width:160px;height:fit-content;position:absolute;left:0;right:0;margin:auto;bottom:20px;filter:drop-shadow(2px 4px 6px rgba(58, 56, 59, 0.425))}footer .wrap .navbar-brand img{width:100%;height:auto}@media only screen and (max-width:1600px){footer{margin-top:200px}footer .wrap{flex-direction:column;align-items:center;justify-content:center}footer::before{content:'';background:url(/typo3conf/ext/wr_designblank/Resources/Public/Images/cloud_dark.png);width:100%;height:200px;display:block;position:absolute;bottom:100px;background-size:auto 120%}footer::after{content:'';background:url(/typo3conf/ext/wr_designblank/Resources/Public/Images/cloud_gradient.png);width:100%;height:200px;display:block;position:absolute;bottom:114px;z-index:-1;background-size:auto 120%}footer .wrap .navbar-brand{display:none}footer .social{flex-direction:row}footer .wrap .social a{margin:0px 15px}footer .wrap .policyMenu{justify-content:center;align-items:center;text-align:center !important}}