@font-face {
  font-family: "axisbold";
  src: url("../fonts/Axis-Extrabold.woff") format("woff");
}

@font-face {
  font-family: "Beaufortfor-Regular";
  src: url("../fonts/Beaufortfor-Regular.woff") format("woff");
}
@font-face {
  font-family: "futura_medium";
  src: url("../fonts/futura_pt_medium.woff") format("woff");
}

:root {
  --_ceoweb_global_content_scroll_track_rgb:#151414;
  --_ceoweb_global_content_scroll_thumb_rgb:#563f37;
  --_ceoweb_global_content_scroll_thumb_rgb_hover:#00ffd4;
  --_ceoweb_socialslist_icon_rgb:#da9a6f;;
  --_ceoweb_skyline_background_rgb:#101010;
  --_ceoweb_skyline_border_rgb: #444444;
  --_ceoweb_skyline_centerbrand_rgb:linear-gradient(45deg, rgba(6,246,255,1) 0%, rgb(0 246 175) 100%);
  --_ceoweb_skyline_centerbrand_hover_rgb:linear-gradient(45deg, rgb(238 90 159)0%, rgb(234 125 184) 100%);
  --_ceoweb_skyline_arealeft_arrow_rgb:#00ffd4;
  --_ceoweb_skyline_arealeft_arrow_hover_rgb:#f2f6f6;
  --_ceoweb_skyline_arealeft_divider_rgb:#00ffd4;
  --_ceoweb_skyline_optionleft_hover_rgb:  #786559;
  --_ceoweb_skyline_optionright_visibility:visible;
  --_ceoweb_skyline_menuleft_background_rgb:#232121;
  --_ceoweb_skyline_menuleft_border_rgb:#40392f;
  --_ceoweb_skyline_menuleft_entry_background_hover_rgb: #786559;
  --_ceoweb_skyline_menuleft_socials_icon_rgb:#dab28c;
  --_ceoweb_skyline_menuleft_socials_icon_hover_rgb: #f2ede7;
  --_ceoweb_skyline_menuleft_socials_background_hover_rgb: #786559;

  --_ceoweb_footer_background_rgb:#1f1d1d;
  --_ceoweb_footer_border_rgb:#585148; 
  --_ceoweb_footer_brand_rgb:#00ffd4;
  --_ceoweb_footer_brand_hover_rgb:#f0a6fa;
  --_ceoweb_footer_socials_icon_rgb:#b6a083;
  --_ceoweb_footer_socials_icon_rgb_hover:#f8f4ef;
  --_ceoweb_footer_links_font:Beaufortfor-Regular;
      
  --o_pinkplus: #ff5377;
  --o_pinkplus_active: #53f4ff;
}



/* width */
::-webkit-scrollbar {
  width: 10px;
}

/* Track */
::-webkit-scrollbar-track {
  background: var(--_ceoweb_global_content_scroll_track_rgb);
}

/* Handle */
::-webkit-scrollbar-thumb {
  border-radius:5px;
  background: var(--_ceoweb_global_content_scroll_thumb_rgb);
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: var(--_ceoweb_global_content_scroll_thumb_rgb_hover);
}

body
{
margin:  0;
-webkit-font-smoothing: antialiased;
}


a:link {
text-decoration: none;
}

a:link, a:visited, a:active  {
color:#1ad4ba;
}

a:hover {
color: #ff87c7;
}



.opink_font
{
color:var(--o_pinkplus);
}

.font_osex
{
font-family: "futura_medium";
color: #FFF;
}

.font_osa
{
font-family: "futura_medium";
color: #FFF;
}


.cap
{
max-width:var(--g_max_width_percent);
}


.mask
{
-webkit-mask-size: 100% 100%;
-webkit-mask-repeat:  none;
}

.mask_ceobrand
{
-webkit-mask-size: 100% 100%;
-webkit-mask-repeat:  none;
-webkit-mask-image:url(https://i.imgur.com/NKQjbgw.png);
}

.mask_patreon
{
-webkit-mask-size: 100% 100%;
-webkit-mask-repeat:  none;
-webkit-mask-image:url(https://i.imgur.com/lbXTesi.png);
}

.mask_twitter
{
-webkit-mask-size: 100% 100%;
-webkit-mask-repeat:  none;
-webkit-mask-image:url(https://i.imgur.com/y8MVJD9.png);
}


.mask_discord
{
-webkit-mask-size: 100% 100%;
-webkit-mask-image:url(https://i.imgur.com/V8Hvsb5.png);
}

.mask_twitch
{
-webkit-mask-size: 100% 100%;
-webkit-mask-repeat:  none;
-webkit-mask-image:url(https://i.imgur.com/wzamCf6.png);
}


.mask_github
{
-webkit-mask-size: 100% 100%;
-webkit-mask-repeat:  none;
-webkit-mask-image:url(https://i.imgur.com/FUSJ8Be.png);
}


.mask_instagram
{
-webkit-mask-size: 100% 100%;
-webkit-mask-repeat:  none;
-webkit-mask-image:url(https://i.imgur.com/vgmdlcJ.png);
}




#_ceoweb_socialslist .-social
{
display:flex;
padding:3px;
transition:all 0.3s ease;
border-radius:5px;
}


#_ceoweb_socialslist .-socialicon
{
background:var(--_ceoweb_socialslist_icon_rgb);
height:35px;
width:35px;
margin-right:15px;
flex:none;
}


#_ceoweb_skyline
{
position: fixed;
width:  100%; 
height:100%;
z-index: 9999;
pointer-events:none;
}

#_ceoweb_skyline a:link,#_ceoweb_skyline a:visited,#_ceoweb_skyline a:active,#_ceoweb_skyline a:hover  {
color:inherit;
}



#_ceoweb_skyline_screen
{
position:absolute;
top:0;
bottom:0;
left:0;
right:0;
background-image: url("https://i.imgur.com/fOG9j0k.png");
background-repeat: repeat;
background-color: #cccccc;
opacity:0.0;
pointer-events:none;
transition:all 0.2s ease;
}






#_ceoweb_skyline_background
{
position:absolute;
top:0;
bottom:0;
left:0;
right:0;
border-bottom-style: solid;
border-bottom-width: 1px;
border-bottom-color: var(--_ceoweb_skyline_border_rgb);
background-color: var(--_ceoweb_skyline_background_rgb);
transition:all 0.2s ease;
opacity:0.0;
}


.SCROLLED #_ceoweb_skyline_background
{
opacity:1.0;
}

.NAV_OPEN #_ceoweb_skyline_background
{
opacity:1.0;
}

._ceoweb_skyline_menuleft_OPEN #_ceoweb_skyline_background
{
opacity:1.0;
}




#_ceoweb_skyline_center
{
position:absolute;
top:0;
bottom:0;
left:0;
right:0;
text-align:center;
display:flex;
align-items:center;
justify-content:center;
pointer-events:none;
}

@media only screen and (max-width: 1100px) {
  #_ceoweb_skyline_center {
   display:none;
  }
}

#_ceoweb_skyline_center_brand
{
position: relative;
top:-3px;
margin:0 auto;
background:var(--_ceoweb_skyline_centerbrand_rgb);
height: 50px;
width: 105px;transition:all 0.2s ease;
pointer-events: all;
}

#_ceoweb_skyline_center_brand:hover
{
background:var(--_ceoweb_skyline_centerbrand_hover_rgb);
}












#_ceoweb_skyline_arealeft
{
position: relative;
top:0;
left: 0;
display:flex;
align-items:center;
}

#_ceoweb_skyline_arealeft .-divider
{
position:relative;
height:45px;
width:2px;
margin-left:5px;
margin-right:25px;

background:var(--_ceoweb_skyline_arealeft_divider_rgb);
}

#_ceoweb_skyline_arealeft_brandtitle
{
display:flex;
align-items:center;
}

#_ceoweb_skyline_arealeft_brandtitle_img
{
height:50px;
}

@media only screen and (max-width: 1300px) {
  #_ceoweb_skyline_arealeft_brandtitle_img {
  height: 35px;
  }
}


@media only screen and (max-width: 450px) {
  #_ceoweb_skyline_arealeft_brandtitle_img {
  height: 25px;
  }
}


#_ceoweb_skyline_optionleft
{
padding-left:8px;
padding-top:8px;
padding-bottom:8px;
padding-right:8px;
display:flex;
align-items:center;transition:all 0.2s ease;
}


#_ceoweb_skyline_optionleft:hover
{
background:var(--_ceoweb_skyline_optionleft_hover_rgb);
}

#_ceoweb_skyline_optionleft .-arrow
{
height:28px;
width:40px;
background:var(--_ceoweb_skyline_arealeft_arrow_rgb);
-webkit-mask-size: 100% 100%;
-webkit-mask-repeat:  none;
-webkit-mask-image:url(https://i.imgur.com/DWUeeRN.png);
}

#_ceoweb_skyline_optionleft:hover .-arrow
{
background:var(--_ceoweb_skyline_arealeft_arrow_hover_rgb);
}

#_ceoweb_skyline_optionleft_box
{
position:relative;
padding:2px;
padding-right:3px;
pointer-events:none;
}

#_ceoweb_skyline_optionleft_img
{
position:relative;
width:auto;
height:60px;
transition:all 0.2s ease;
pointer-events:none;
}

#_ceoweb_skyline_optionleft:hover #_ceoweb_skyline_optionleft_img
{
filter:brightness(200%);
}






#_ceoweb_skyline_optionright
{
position: relative;
visibility: var(--_ceoweb_skyline_optionright_visibility);
padding-top:6px;
padding-right:16px;
}

#_ceoweb_skyline_optionright_box
{
position:relative;
box-sizing:border-box;
border-left-style:solid;
border-left-width:2px;
border-left-color: #303030;
padding-left:16px;
}

.nav_circle
{
position:relative;
background-color:#4e4e4e;
border-radius:50%;
width:45px;
height:45px;
padding:5px;
box-sizing:border-box;
}










._ceoweb_skyline_menuleft_OPEN #_ceoweb_skyline_screen, .NAV_OPEN #_ceoweb_skyline_screen
{
pointer-events:all;
opacity:0.8;
}

#_ceoweb_skyline_header
{
position: relative;
top: 0;
width: 100%;
display:flex;
align-items:center;
pointer-events:all;
}


#_ceoweb_skyline_menuleft
{
display:none; 
position:absolute;
left:0;
height:100%;
width:350px;
background:var(--_ceoweb_skyline_menuleft_background_rgb);
padding-left:15px;
padding-right:15px;
border-right-style:solid;
border-right-width:3px;
border-right-color:var(--_ceoweb_skyline_menuleft_border_rgb);
overflow-y:scroll;
pointer-events:all;
}

._ceoweb_skyline_menuleft_OPEN #_ceoweb_skyline_menuleft
{
display:block;
}

#_ceoweb_skyline_menuleft .-divider
{
padding-top:15px;
font-size:14px;
}
#_ceoweb_skyline_menuleft .-option
{
display:flex;
flex-direction:row;
align-items:center;
padding-left:2px;
padding-top:17px;
padding-bottom:17px;
justify-content:left;
transition:all 0.2s ease;
cursor:default;
}

#_ceoweb_skyline_menuleft .-option:hover
{
background-color:var(--_ceoweb_skyline_menuleft_entry_background_hover_rgb);
filter:brightness(120%);
}

#_ceoweb_skyline_menuleft .-option .-icon
{
position:relative;
padding-right:12px;
}


#_ceoweb_skyline_menuleft .-option .-icon img 
{
display:block;
position:relative;
width:auto;
height:60px;
padding-left:7px;
}

#_ceoweb_skyline_menuleft .-option.-ceo
{
display:block;
text-align:center;
}

#_ceoweb_skyline_menuleft .-option.-ceo .-icon img 
{
display:block;
margin:0 auto;
position:relative;
width:auto;
height:80px
}



#_ceoweb_skyline_menuleft .-option .-flex
{
display:block;
flex-direction:column;
}

#_ceoweb_skyline_menuleft .-option .-title
{
font-size:30px;
}

#_ceoweb_skyline .-brandtitle
{
height:30px;
width:auto;
}

#_ceoweb_skyline_menuleft .-option .-subtitle
{
font-size:16px;
}



#_ceoweb_skyline_menuleft .-thanks
{
font-family:"futura_medium";
padding-top:45px;
font-size:15px;
line-height:130%;
}


#_ceoweb_skyline_menuleft .-legal
{
font-family:"futura_medium";
padding-top:25px;
padding-bottom:25px;
font-size:11px;
line-height:120%;
}

#_ceoweb_skyline_menuleft .-love
{
font-family:"futura_medium";
padding-bottom:145px;
font-size:34px;
}


#_ceoweb_skyline_socials .-social
{
padding:5px;
display:flex;
font-size:18px;
font-family: futura_medium;
transition:all 0.4s ease;
border-radius:5px;
}

#_ceoweb_skyline_socials .-social:hover
{
background:var(--_ceoweb_skyline_menuleft_socials_background_hover_rgb);
}



#_ceoweb_skyline_socials .-socialicon
{
width:30px;
height:30px;
margin-right:15px;
background:var(  --_ceoweb_skyline_menuleft_socials_icon_rgb);
}

#_ceoweb_skyline_socials .-social:hover .-socialicon
{
background:var(  --_ceoweb_skyline_menuleft_socials_icon_hover_rgb);
}

#_ceoweb_skyline_menuright
{
display:none;
position:absolute;
right:0;
height:100%;
background-color:#161616;
padding-left:15px;
padding-right:15px;
border-left-style:solid;
border-left-width:2px;
border-left-color:#404040;
pointer-events:all;
overflow-y:scroll;
}

.NAV_OPEN #_ceoweb_skyline_menuright
{
display:block;
}


.pardigm_option:hover
{
background-color:#3c6456;
}






.nav_option
{
font-family:axisbold; 
padding:25px;
text-align:center;
color:#5bcdd2;
border-bottom-style:solid;
border-bottom-width:1px;
border-bottom-color:#459a9e;
letter-spacing: 1.5px;
transition:all 0.1s ease;
}

.nav_option:hover
{
background-color:#3c6456;
}
































#_ceoweb_footer
{
background:var(--_ceoweb_footer_background_rgb);
border-top-style:solid;
border-top-width:2px;
border-top-color:var(--_ceoweb_footer_border_rgb)
}


#_ceoweb_footer_clamp
{
position: relative;
margin: 0 auto;
box-sizing: border-box;
padding: 50px;
}


#_ceoweb_footer_upper
{
position:relative;
width:100%;
display:flex; 
}

#_ceoweb_footer_brand
{
position:relative;
padding-right:15px;
border-right-style:solid;
border-right-width:2px;
border-right-color:var(--ceoweb_footer_rgb_border);
padding-right:25px;
transition: all 0.2s ease;
}

#_ceoweb_footer_brand .-brand
{
height: 76px;
width: 160px;
transition:all 0.2s ease;
background:var(--_ceoweb_footer_brand_rgb);
}

#_ceoweb_footer .-brand:hover
{
background:var(--_ceoweb_footer_brand_hover_rgb);
}

#_ceoweb_footer .-divider
{
margin-top:35px;
margin-bottom:35px;
}

#_ceoweb_footer_socials
{
position:relative;
display:flex; 
align-items:center;
padding-left:25px;
flex-wrap:wrap;
}

#_ceoweb_footer_socials .-icon
{
position:relative;
width:50px;
height:50px;
background:var(--_ceoweb_footer_socials_icon_rgb);
z-index:500;
transition:all 0.2s ease;
margin:15px;
}

#_ceoweb_footer_socials .-icon:hover
{
background:var(--_ceoweb_footer_socials_icon_rgb_hover);
}

@media only screen and (max-width: 800px) {
  #_ceoweb_footer_brand
  {
  border-right-style:none;
  }
  
  #_ceoweb_footer_upper{
  display:block;
  }

  #_ceoweb_footer_socials{
  display:flex;
  padding-top:25px;
  padding-left:0px;
  }

  #_ceoweb_footer_socials .-icon{
  width:45px;
  height:45px;
  margin:10px;
  }
}

@media only screen and (max-width: 600px) {
  #_ceoweb_footer_socials .-icon{
  width:25px;
  height:25px;
  margin:10px;
  }
}


#_ceoweb_footer .-legal
{
font-family:Beaufortfor-Regular; 
padding-bottom:25px;
}

#_ceoweb_footer_links
{
position:relative;
display:flex;
margin-bottom:15px;
font-family:var(--_ceoweb_footer_links_font);
}

#_ceoweb_footer_myprojects
{
padding-bottom:4px;
}

#_ceoweb_footer_links .-link
{
padding-right:15px;
}

#_ceoweb_footer .-warp
{
position:relative;
font-family: "axisbold";  
text-align:right;
width:100%;
}

#_ceoweb_footer_love
{
font-family:"futura_medium";
font-size:22px;
}