:root{
	--color_primary_main: #323850;
	
	--header_color_primary: rgba(128,80,58,0.65); --header_color_secondary: #80503A; --header_color_select: #408DEE;
	--header_color_button: #2A4D70; --header_color_button_border_p: #EEA94F; --header_color_button_border_s: #F5C274;
	--header_color_text_p: #EEA94F; --header_color_text_s: #F5C274; --header_color_li_text: #F5C274;--header_color_arrow_p: #EEA94F; 

    --header_color_game_background: #2A4D70; --header_color_game_text_p: #95ACBE; --header_color_game_text_s: #F5C274;
	--header_color_game_text_h: #EEA94F; --header_color_game_border_p: #2A4D70; --header_color_game_border_s: #408DEE;
    --header_game_indicator_color_1: #80503A; --header_game_indicator_color_2: #A45627; --header_game_indicator_color_3: #EEA94F; --header_game_indicator_color_4: #F5C274;
    --header_game_console_b_color: #33574B; --header_game_console_b_s_color: #CAD184; --header_game_console_t_color: #F0F0E8; --header_game_console_boxs_color: #4C8877;
	
    --logo_background_color: white;
	--logo_border_c_1: #7CF3FD; --logo_border_c_2: transparent; --logo_border_c_3: transparent; --logo_border_c_4: #FD9B60;
	
	--footer_color_p: rgba(0,0,0,0.65); --footer_color_s: rgba(128,80,58,0.85); --footer_color_text_h_p: #408DEE; --footer_color_text_h_s: #F0F0E8; --footer_color_text: #F5C274; --footer_color_copyr_text: #F0F0E8;
	--footer_color_social_b: rgba(238,169,79,0.65); --footer_color_arrow_p: #EEA94F; --footer_color_arrow_s: #F0F0E8;

    --loading_color_background: #323850; --loading_color_stroke_1: #7CF3FD; --loading_color_stroke_2: #066A45; --loading_color_stroke_3: #317683;

	--p_c_primary: #2A4D70;
	--p_c_search_bar_b: rgba(240,240,232,0.25); --p_c_search_bar_p: #4CA9C3;
	--p_c_search_bar_i_p: #077A62; --p_c_search_bar_i_s: #FD9B60; --p_c_search_bar_i_ph: #F0F0E8;

	--p_c_search_bar_b_1: #F0F0E8; --p_c_search_bar_b_2: #E4B07F;
	--p_c_search_bar_b_3: #FD9B60;

	--p_c_focus_p: rgba(240,240,232,0.25); --p_c_focus_s: #CAD184; --p_c_focus_text: #33574B;
	--p_c_focus_button_p: #908B54; --p_c_focus_button_s: #4C8877; --p_c_focus_button_a: #33574B;
	--p_c_focus_button_bor: #F0F0E8; --p_c_focus_button_t: #F0F0E8;

	--p_c_show_img_c_b: #A45627; --p_c_show_img_b: #EEA94F; --p_c_show_img_o_b: rgba(0,0,0,0.55); --p_c_show_img_o_t: #F0F0E8;
	--p_c_show_drop_s_1: #A5BECC; --p_c_show_drop_s_2: #F5C274;
	--p_c_show_content_b: #3357AC; --p_c_show_content_b_h: #2A4D70;
	--p_c_show_content_text_h: #F0F0E8; --p_c_show_content_text_p: #E2F1F6;
	--p_c_show_content_button_c: #408DEE; --p_c_show_content_button_b: #80503A; --p_c_show_content_button_t: #F0F0E8;
	--p_c_show_content_button_c_h: #3357AC;

	--p_c_show_none_b: #3357AC; --p_c_show_none_box_s: #A5BECC; --p_c_show_none_text: #F0F0E8;
	--p_c_show_none_img_bor: #EEA94F;
	
	
	--header_main_h: 3em;
 	--game_instructions_h: 1.5em;

    --main_section_spacing: 10px; --main_item_spacing: 10em;

    --project_search_bar_height: 3.5em; --project_search_bar_spacing: .35em;
	--project_search_bar_inner_height: calc(var(--project_search_bar_height) - (2 * var(--project_search_bar_spacing)));
	
	--project_focus_h: 15em; --project_focus_spacing: .8em;
	--project_focus_bor_l: calc(var(--project_focus_spacing) / 2);
	--project_f_button_w: 10em; --project_f_button_h: 4em; 
	--project_f_button_b_s: calc(var(--project_f_button_h) * 1.5);
	
	--project_container_w: 40em; --project_container_h: 30em;
	--project_container_img_w: 15em;

    --footer_row: 20em; --footer_column: 15em;
	--footer_gap: .5em;
	--footer_container_w: calc((4 * var(--footer_column)) + (5 * var(--footer_gap)));
	  
	--elastic-easing: linear(
		0, 0.2178 2.1%, 0.862 6.46%, 1.1144 8.49%, 1.2959 10.7%, 1.3463 11.81%,
		1.3705 12.94%, 1.3726, 1.3643 14.48%, 1.3151 16.2%, 1.0317 21.81%,
		0.941 24.01%, 0.8912 25.91%, 0.877 26.86%, 0.8694 27.84%, 0.8698 29.21%,
		0.8824 30.71%, 0.9066 32.36%, 0.981 36.36%, 1.0122 38.33%, 1.0357,
		1.046 42.71%, 1.0461 44.14%, 1.0416 45.7%, 0.9961 53.26%, 0.9877,
		0.9839 57.54%, 0.9853 60.71%, 1.0012 68.14%, 1.0056 72.24%, 0.9981 86.66%, 1
	);

	--bounce-easing: linear(
		0 0% 0.7%, 0.001 0.8% 1.3%, 0.002 1.4% 1.7%, 0.003 1.8% 2.1%, 0.004, 0.004,
		0.005, 0.005, 0.006, 0.007, 0.007, 0.008, 0.009, 0.01, 0.01, 0.011, 0.012,
		0.013, 0.014, 0.015, 0.016, 0.017, 0.018, 0.019, 0.02, 0.021, 0.022, 0.023,
		0.024, 0.026, 0.027, 0.028, 0.03, 0.031, 0.032, 0.034, 0.035, 0.037,
		0.038 7.1%, 0.041, 0.044 7.7%, 0.046, 0.048, 0.05, 0.051 8.2%, 0.055, 0.059,
		0.063, 0.066, 0.071, 0.075, 0.079, 0.084, 0.088, 0.093, 0.098, 0.103, 0.108,
		0.113, 0.118, 0.124, 0.129, 0.135, 0.141, 0.147, 0.153, 0.159, 0.165, 0.172,
		0.178, 0.185, 0.191, 0.198, 0.205, 0.212, 0.22, 0.227, 0.235, 0.242, 0.25,
		0.258, 0.266, 0.274, 0.282, 0.291, 0.299, 0.308, 0.317, 0.325, 0.335, 0.343,
		0.353, 0.362, 0.371, 0.381, 0.391, 0.4, 0.41, 0.42, 0.431, 0.441, 0.451,
		0.462, 0.473, 0.483, 0.494, 0.505, 0.516, 0.528, 0.539, 0.551, 0.563, 0.574,
		0.586, 0.598, 0.61, 0.622, 0.635, 0.647, 0.66, 0.673, 0.685, 0.699, 0.712,
		0.725, 0.738, 0.751, 0.765, 0.779, 0.793, 0.806, 0.821, 0.835, 0.849, 0.864,
		0.879, 0.893, 0.908, 0.923, 0.938, 0.953, 0.969, 0.984, 1, 0.992, 0.985,
		0.977, 0.97, 0.962, 0.955, 0.948, 0.941, 0.935, 0.928, 0.922, 0.915, 0.909,
		0.903, 0.897, 0.891, 0.885, 0.879, 0.874, 0.868, 0.863, 0.858, 0.853, 0.848,
		0.843, 0.838, 0.834, 0.829, 0.825, 0.821, 0.817, 0.813, 0.809, 0.805,
		0.801 46.3%, 0.8, 0.798, 0.794, 0.791, 0.788, 0.787, 0.785, 0.784, 0.782,
		0.781, 0.78, 0.778, 0.777, 0.776, 0.774, 0.773, 0.772, 0.771, 0.77, 0.769,
		0.768, 0.767, 0.766, 0.765, 0.764, 0.763, 0.762, 0.761, 0.76, 0.76, 0.759,
		0.758, 0.757, 0.757, 0.756, 0.756, 0.755, 0.754, 0.754, 0.753 52.4% 52.7%,
		0.752 52.8% 53.1%, 0.751 53.3% 53.7%, 0.75 53.8% 55.3%, 0.751 55.4% 55.8%,
		0.752 56% 56.2%, 0.753 56.4% 56.7%, 0.754, 0.754, 0.755, 0.755, 0.756,
		0.757, 0.757, 0.758, 0.759, 0.76, 0.76, 0.761, 0.762, 0.763, 0.764, 0.765,
		0.766, 0.767, 0.768, 0.769, 0.77, 0.771, 0.772, 0.773, 0.774, 0.776, 0.777,
		0.778, 0.78, 0.781, 0.782, 0.784, 0.785, 0.787, 0.788 61.6%, 0.791,
		0.794 62.2%, 0.796, 0.798, 0.801, 0.805, 0.809, 0.813, 0.817, 0.821, 0.825,
		0.829, 0.834, 0.838, 0.843, 0.848, 0.852, 0.857, 0.863, 0.868, 0.873, 0.879,
		0.885, 0.891, 0.897, 0.903, 0.909, 0.915, 0.921, 0.928, 0.935, 0.941, 0.948,
		0.955, 0.962, 0.97, 0.977, 0.985, 0.992, 1, 0.996, 0.992, 0.989, 0.985, 0.982,
		0.981, 0.979 74.4%, 0.976 74.7%, 0.974, 0.973, 0.971, 0.97, 0.968, 0.967,
		0.966, 0.965, 0.963, 0.962, 0.961, 0.96, 0.959, 0.957, 0.956, 0.955, 0.954,
		0.953, 0.952, 0.951, 0.95, 0.949, 0.949, 0.948, 0.947, 0.946, 0.946, 0.945,
		0.944, 0.944, 0.943, 0.942, 0.942, 0.941, 0.941, 0.94 79.8% 80.1%,
		0.939 80.2% 80.5%, 0.938 80.7% 83%, 0.939 83.1% 83.4%, 0.94 83.5% 83.8%,
		0.941, 0.941, 0.942, 0.942, 0.943, 0.944, 0.944, 0.945, 0.945, 0.946, 0.947,
		0.948, 0.949, 0.949, 0.95, 0.951, 0.952, 0.953, 0.954, 0.955, 0.956, 0.957,
		0.958, 0.959, 0.961, 0.962, 0.963, 0.964, 0.966, 0.967, 0.968, 0.97, 0.971,
		0.973, 0.974, 0.976, 0.977, 0.979, 0.982 89.5%, 0.984, 0.985, 0.987, 0.989,
		0.992, 0.996, 1 90.9%, 0.999, 0.998, 0.997, 0.996, 0.995, 0.995, 0.994, 0.993,
		0.992, 0.992, 0.991, 0.99, 0.99, 0.989, 0.989, 0.988, 0.988,
		0.987 93.5% 93.7%, 0.986 93.9% 94.2%, 0.985 94.3% 95%, 0.984 95.2% 95.7%,
		0.985 95.9% 96.6%, 0.986 96.7% 97%, 0.987 97.1% 97.4%, 0.988, 0.988,
		0.989, 0.989, 0.99, 0.99, 0.991, 0.992, 0.992, 0.993, 0.994, 0.995, 0.995,
		0.996, 0.997, 0.998, 0.999, 1
	); 
	  
}

body{margin:0;padding:0;background-color:var(--color_primary_main);}

canvas{position:relative;background:black;}
.canvas_project_img, #game_object{display:none;}

#main{position:absolute;background:var(--color_primary_main);width:100%;height:auto;}
#main section {position:relative;display:block;width:100vw;height:100vh;height:100dvh;background:transparent;margin:0;margin-bottom:var(--main_section_spacing);}

/* Mobile canvas controller Start. */
.canvas_game_controller{position:absolute;bottom:0;display:none;justify-content:center;align-items:center;background-color:transparent;width:100%;height:12em;}
.canvas_game_controller > div{display:grid;grid-auto-rows:3.5em;grid-template-columns:repeat(auto-fill, 3.5em);grid-gap:.8em;justify-content:center;background-color:transparent;width:calc((5 * 3.5em) + (6 * 0.8em));height:3.5em;}
.canvas_game_controller > div > button{opacity:.65;background-color:var(--header_game_console_b_color);cursor:pointer;outline:none;border:none;border-radius:.5em;box-shadow:.2em .25em var(--header_game_console_boxs_color);color:var(--header_game_console_t_color);font-family:"Lato", serif;font-weight:750;font-size:1.2em;transition-duration: .35s; transition-timing-function: var(--elastic-easing); transition-property:background-color, box-shadow, transform, opacity;}
.canvas_game_controller > div > button:active{opacity:1;background-color:var(--header_game_console_b_s_color);box-shadow:.1em .12em var(--header_game_console_boxs_color);transform:translate(.2em, .5em);}

/* Responsive screen configurations. */
@media screen and (max-width: 520px) and (max-height: 750px), (max-height: 430px){
	.canvas_game_controller{display:flex;}
}
@media screen and (max-width: 335px){
	.canvas_game_controller > div{grid-auto-rows:3em;grid-template-columns:repeat(auto-fill, 3em);grid-gap:.8em;width:calc((5 * 3em) + (6 * 0.8em));height:3em;}
}
/* Mobile canvas controller End. */

/* Project listing section and search bar Start. */
.project_listing_main{position:relative;width:100%;height:auto;background-color:var(--p_c_primary);padding-top:1em;margin-top:4em;margin-bottom:5em;}

.project_listing_main > .project_search_bar{position:relative;width:100%;height:auto;background-color:var(--p_c_search_bar_b);padding-top:var(--project_search_bar_spacing);padding-bottom:var(--project_search_bar_spacing);}
.project_search_bar > div {position:relative;width:50%;height:var(--project_search_bar_inner_height);background-color:var(--p_c_search_bar_p);border:2px solid var(--p_c_search_bar_b_1);border-radius:.75em;margin:auto;overflow:hidden;transition-property:width, border;}
.project_search_bar > div > input{position:relative;width:calc(100% - var(--project_search_bar_inner_height) - (3 * var(--project_search_bar_spacing)));height:100%;background-color:var(--p_c_search_bar_i_p);color:var(--p_c_search_bar_i_s);font-family:"Lato", serif;font-weight:750;font-size:1em;letter-spacing:.18em;border:none;outline:none;padding:0;padding-left:.5em;margin:0;}
.project_search_bar > div > input::placeholder{color:var(--p_c_search_bar_i_ph);opacity:.75;}
.project_search_bar > div > span{position:absolute;top:var(--project_search_bar_spacing);right:calc(0.5 * var(--project_search_bar_spacing));width:var(--project_search_bar_inner_height);height:var(--project_search_bar_inner_height);background-image:url('../images/search_bar_search_icon.png');background-repeat:no-repeat;}
.project_search_bar > div:has(> input:focus), .project_search_bar > div:has(> input:focus-visible){border:var(--project_search_bar_spacing) solid var(--p_c_search_bar_b_2);width:60%;}
.project_search_bar > div:has(> input:not(:placeholder-shown)){border:var(--project_search_bar_spacing) solid var(--p_c_search_bar_b_3);width:80%;}
.project_search_bar > div:has(> input:focus) > span, .project_search_bar > div:has(> input:focus-visible) > span{background-image:url('../images/search_bar_write_icon.png');}
.project_search_bar > div:has(> input:not(:placeholder-shown)) > span{background-image:url('../images/search_bar_find_icon.png');right:calc(-1 * var(--project_search_bar_spacing));}

.project_listing_main > .project_search_focus{position:relative;width:100%;height:var(--project_focus_h);background-color:transparent;margin-top:.8em;}
.project_search_focus > div:nth-child(1){position:absolute;top:calc(2 * var(--project_focus_spacing));left:var(--project_focus_spacing);width:calc(100% - (2 * var(--project_focus_spacing)));height:calc(100% - (4 * var(--project_focus_spacing)));display:flex;justify-content:space-evenly;align-items:flex-end;background-color:var(--p_c_focus_p);box-sizing:border-box;border:var(--project_focus_bor_l) solid var(--p_c_focus_s);margin:0;padding:0;padding-bottom:var(--project_focus_spacing);}
.project_search_focus > div:nth-child(1) > button{position:relative;width:var(--project_f_button_w);height:var(--project_f_button_h);outline:none;background-color:var(--p_c_focus_button_p);border:.2em solid var(--p_c_focus_button_bor);border-radius:.5em;font-family:"Lato", serif;font-weight:750;font-size:calc(1.1 * var(--project_focus_spacing));color:var(--p_c_focus_button_t);transition-property:background-color;}
.project_search_focus > div:nth-child(1) > button::after{position:absolute;top:calc((var(--project_f_button_b_s) - var(--project_focus_spacing)) * -1);right:calc(50% - (var(--project_f_button_b_s) / 2));content:"";background-image:url('../images/project_focus_overall.png');background-size: var(--project_f_button_b_s) var(--project_f_button_b_s);width:var(--project_f_button_b_s);height:var(--project_f_button_b_s);box-sizing:border-box;border:.2em solid var(--p_c_focus_button_bor);border-radius:50%;}
.project_search_focus > div:nth-child(1) > button:hover{background-color:var(--p_c_focus_button_s);cursor:pointer;}
#ai_model::after{background-image:url('../images/project_focus_ai.png');}
#pcb_layout::after{background-image:url('../images/project_focus_pcb.png');}
#parts_3d::after{background-image:url('../images/project_focus_3d.png');}
.project_search_focus > div:nth-child(1) > button.activated::after{border:.4em solid var(--p_c_focus_button_a);animation-name:p_focus_button;animation-duration:1s;animation-iteration-count:1;}
.project_search_focus > div:nth-child(1) > button.completed{background-color:var(--p_c_focus_button_a);cursor:default;}
.project_search_focus > div:nth-child(2){position:absolute;top:calc(var(--project_focus_spacing) / 2);left:calc(4 * var(--project_focus_spacing));display:flex;justify-content:center;align-items:center;width:calc(var(--project_focus_spacing) * 20);height:calc(3 * var(--project_focus_spacing));background-color:var(--p_c_focus_s);}
.project_search_focus > div:nth-child(2) > p{font-family:"Lato", serif;font-weight:650;font-size:calc(1.5 * var(--project_focus_spacing));color:var(--p_c_focus_text);}

@keyframes p_focus_button{
	0%, 50%, 100% {transform:translate(0,0) rotate(0deg);}
	25%      {transform:translate(calc(var(--project_f_button_b_s) / -1.2),0) rotate(-180deg);}
	75%      {transform:translate(calc(var(--project_f_button_b_s) / 1.2),0) rotate(180deg);}
}

.project_listing_main > .project_search_showcase{position:relative;width:100%;height:auto;max-height:100vh;overflow-y:auto;display:grid;grid-auto-rows:var(--project_container_h);grid-template-columns:repeat(auto-fill, var(--project_container_w));grid-gap:2em;justify-content:center;background-color:transparent;padding-bottom:1.5em;padding-top:1.5em;}
.project_search_showcase > .project_container{position:relative;background-color:transparent;font-family:"Lato", serif;font-weight:750;border-radius:.3em;overflow:hidden;filter:drop-shadow(.3em .3em .5em var(--p_c_show_drop_s_1));transition-property:filter;}
.project_container > div{position:absolute;top:0;left:0;display:flex;justify-content:center;align-items:center;flex-direction:column;gap:.5em;width:var(--project_container_img_w);height:100%;background-color:var(--p_c_show_img_c_b);}
.project_container > div > div{position:relative;width:100%;height:30%;background-color:var(--p_c_show_img_b);}
.project_container > div > div > img{position:relative;display:block;width:auto;max-width:calc(100% - 1em);height:100%;margin:auto;}
.project_container > div > div.not_found::after{position:absolute;top:0;left:0;width:100%;height:100%;content:"Does not include the selected focus subject!";background-color:var(--p_c_show_img_o_b);color:var(--p_c_show_img_o_t);text-align:center;font-size:.8em;align-content:center;}

.project_container > a{text-decoration:none;outline:none;padding:0;margin:0;}
.project_container article{position:absolute;top:0;right:0;width:calc(100% - var(--project_container_img_w));height:100%;background-color:var(--p_c_show_content_b);transition-property:background-color;}
.project_container article:hover{background-color:var(--p_c_show_content_b_h);}
.project_container article:hover > div{background-color:var(--p_c_show_content_button_c_h);}
.project_container:has(article:hover){filter:drop-shadow(.3em .3em .5em var(--p_c_show_drop_s_2));}
.project_container article > h2{color:var(--p_c_show_content_text_h);font-size:1.8em;line-height:120%;letter-spacing:.1em;padding-left:.3em;padding-right:.3em;}
.project_container article > p{color:var(--p_c_show_content_text_p);font-weight:650;font-size:1.1em;line-height:120%;letter-spacing:.1em;padding-left:.9em;padding-right:.3em;}
.project_container article > div{position:absolute;bottom:0;left:0;width:100%;height:auto;background-color:var(--p_c_show_content_button_c);text-align:center;border:none;outline:none;}
.project_container article > div > button{outline:none;background-color:var(--p_c_show_content_button_b);color:var(--p_c_show_content_button_t);font-family: "Comic Neue", serif;font-weight: 650;font-style: normal;font-size:0.9em;letter-spacing:.2em;padding:.4em;margin-bottom:.2em;border:.2em solid var(--p_c_show_content_button_t);border-radius:.5em;}
.project_container article > div > button:nth-child(1){margin-top:.2em;}
.project_container article > div > button:hover{cursor:url("../images/custom_project_cursor.png"), crosshair;}

.project_search_bar > div
{transition-duration: .45s; transition-timing-function: var(--elastic-easing);}
.project_search_focus > div:nth-child(1) > button,
.project_container,
.project_container article
{transition-duration: .12s; transition-timing-function: ease-in-out;}

.project_listing_main > .project_data_not_found{display:none;position:relative;background-color:transparent;width:90%;height:10em;margin:auto;margin-top:1em;margin-bottom:1em;font-family:"Lato", serif;font-weight:750;border-radius:1em;box-shadow:.5em .4em .3em var(--p_c_show_none_box_s);}
.project_data_not_found > img{position:absolute;top:0;left:0;display:block;width:10em;height:10em;box-sizing:border-box;border:.5em solid var(--p_c_show_none_img_bor);border-top-left-radius:1em;border-bottom-left-radius:1em;}
.project_data_not_found > div{position:absolute;bottom:0;right:0;display:flex;justify-content:center;align-items:center;width:calc(100% - 10em);height:100%;background-color:var(--p_c_show_none_b);padding:0;padding-left:.5em;padding-right:.5em;margin:0;box-sizing: border-box;border-top-right-radius:1em;border-bottom-right-radius:1em;}
.project_data_not_found > div > h2{color:var(--p_c_show_none_text);font-size:1.8em;}

.project_search_showcase::-webkit-scrollbar{display:block;}

/* Responsive screen configurations. */
@media screen and (max-width: 645px){
	:root{
		--project_container_w: 19em; --project_container_h: 76em;
		--project_container_img_h: 40em;
	}
	.project_container > div{width:100%;height:var(--project_container_img_h);}
	.project_container article{top:var(--project_container_img_h);width:100%;height:calc(100% - var(--project_container_img_h));}

}
@media screen and (max-width: 625px){
	.project_search_focus > div:nth-child(1) > button{font-size:calc(0.9 * var(--project_focus_spacing));}
}
@media screen and (max-width: 520px){
	:root{
		--project_f_button_w: 8em;
	}
}
@media screen and (max-width: 450px){
	.project_search_bar > div {width:70%;}
	.project_search_bar > div:has(> input:focus), .project_search_bar > div:has(> input:focus-visible){width:80%;}
	.project_search_bar > div:has(> input:not(:placeholder-shown)){width:92%;}
	
	.project_data_not_found > div > h2{font-size:1em;}
	
	.project_listing_main > .project_search_showcase{max-height:none;}
}
@media screen and (max-width: 420px){
	:root{
		--project_focus_spacing: .6em;
		--project_focus_h: 10em;
	}
}
/* Project listing section and search bar End. */

/* HEADER Start */
.header{z-index:99;position:absolute;top:20px;width:100vw;height:auto;margin:auto;background-color:transparent;}
.header > .main_container{z-index:100;position:relative;display:block;margin:auto;width:95%;height:var(--header_main_h);background-color:var(--header_color_primary);border-radius:20px;}

.main_container > .logo_container{z-index:2;display:flex;justify-content:center;align-items:center;position:absolute;top:-0.3em;left:calc(1.5em - 0.3em);width:15em;height:100%;padding-left:.3em;padding-right:.3em;}
.main_container > .logo_container{background-color:var(--logo_background_color);background-position: 50% 50%;background-image:url('../images/main_logo.png');background-repeat:no-repeat;overflow: hidden;cursor:zoom-in;background-blend-mode:lighten;transition-property:width, height;}
.main_container > .logo_container{border:.3em solid transparent;border-image:conic-gradient(var(--logo_border_c_1) 0deg, var(--logo_border_c_1) 90deg, var(--logo_border_c_2) 90deg, var(--logo_border_c_2) 180deg, var(--logo_border_c_3) 180deg, var(--logo_border_c_3) 270deg, var(--logo_border_c_4) 270deg) 1;animation-name:logo_border;animation-duration:.5s;animation-iteration-count:infinite;}
.logo_container > img{width:100%;opacity:1;}

.logo_container:hover{width:40em;height:10em;background-blend-mode:normal;}
.logo_container:hover > img{opacity:0;}

.main_container > .logo_container
{transition-duration: .35s; transition-timing-function: var(--elastic-easing);}

@keyframes logo_border{
	0%, 100% {border-image:conic-gradient(var(--logo_border_c_1) 0deg, var(--logo_border_c_1) 90deg, var(--logo_border_c_2) 90deg, var(--logo_border_c_2) 180deg, var(--logo_border_c_3) 180deg, var(--logo_border_c_3) 270deg, var(--logo_border_c_4) 270deg) 1;}
	25%      {border-image:conic-gradient(var(--logo_border_c_4) 0deg, var(--logo_border_c_4) 90deg, var(--logo_border_c_1) 90deg, var(--logo_border_c_1) 180deg, var(--logo_border_c_2) 180deg, var(--logo_border_c_2) 270deg, var(--logo_border_c_3) 270deg) 1;}
	50%      {border-image:conic-gradient(var(--logo_border_c_3) 0deg, var(--logo_border_c_3) 90deg, var(--logo_border_c_4) 90deg, var(--logo_border_c_4) 180deg, var(--logo_border_c_1) 180deg, var(--logo_border_c_1) 270deg, var(--logo_border_c_2) 270deg) 1;}
	75%      {border-image:conic-gradient(var(--logo_border_c_2) 0deg, var(--logo_border_c_2) 90deg, var(--logo_border_c_3) 90deg, var(--logo_border_c_3) 180deg, var(--logo_border_c_4) 180deg, var(--logo_border_c_4) 270deg, var(--logo_border_c_1) 270deg) 1;}
}

.main_container > .nav_container{z-index:1;position:absolute;top:0;left:calc(15em + 1.5em);width:calc(100% - 15em - 3em);height:100%;display:flex;justify-content:right;gap:.5em;background-color:transparent;}
.nav_container div{position:relative;width:10em;display:block;background-color:transparent;}
.nav_container div:last-child{width:5em;display:none;}
.nav_container a{text-decoration:none;}
.nav_container button{height:100%;width:100%;background-color:var(--header_color_button);color:var(--header_color_text_p);font-family:"Lato", serif;font-weight:650;font-size:1em;border:none;outline:none;text-align:left;padding-left:.6em;transition-property:background-color;}
.nav_container button::after{position:absolute;top:calc(50% - (2.4em / 2));right:.6em;content:"";display:inline-block;background-color:#C3DCDD;background-image:url('../images/welcome_bar_icon.png');background-size: 100% 100%;background-position:50% 50%;background-repeat:no-repeat;width:2em;height:2em;border:.2em solid var(--header_color_button_border_p);border-radius:50%;transition-property:border;}
.nav_container button[def="projects"]::after{background-image:url('../images/projects_bar_icon.png');background-size: auto 90%;background-color:#CDEBF9;}
.nav_container button[def="publications"]::after{background-image:url('../images/publication_bar_icon.png');background-color:#424873;}
.nav_container button[def="about_me"]::after{background-image:url('../images/about_bar_icon.png');background-color:#E2F1F6;}
.nav_container button[def="mobile_bar"]::after{background-image:url('../images/mobile_menu_bar_icon.png');border:.2em solid var(--header_color_button_border_s);}
.nav_container button[def="mobile_bar"]{background-color:transparent;}

.nav_container ul{opacity:0;visibility:hidden;list-style-type:none;width:100%;background-color:var(--header_color_secondary);font-family:"Lato", serif;font-weight:400;font-size:1em;margin-top:.5em;padding:1em;border-radius:10px;transform:translate(-20%, 1rem);transition-property:opacity, visibility, transform;}
.nav_container ul li{text-align:left;margin-bottom:.3em;background-color:transparent;border:1px solid transparent;border-radius:.8rem;padding-left:.5rem;transition-property:padding-top, padding-bottom;}
.nav_container ul li::after{content:"➤";color:var(--header_color_arrow_p);padding-left:.5rem;opacity:.25;transition-property:padding-left;}
.nav_container ul a{text-decoration:none;color:var(--header_color_li_text);text-align:center;}

.nav_container div:hover:not(:last-child) button{cursor:pointer;background-color:var(--header_color_select);color:var(--header_color_text_s);}
.nav_container div:hover button::after{border:.2em solid var(--header_color_button_border_s);transition-property:border;}
.nav_container div:hover > ul{opacity:1;visibility:visible;transform:translate(0,0);}
.nav_container ul li:hover{background-color:var(--header_color_select);border:1px solid var(--header_color_select);padding-top:.8rem;padding-bottom:.8rem;}
.nav_container ul li:hover::after{padding-left:1rem;opacity:1;}

.nav_container button,
.nav_container button::after,
.nav_container ul
{transition-duration: .25s; transition-timing-function: ease-in-out;}
.nav_container ul li,
.nav_container ul li::after
{transition-duration: 1s; transition-timing-function: var(--elastic-easing);}

.header > .game_instructions_container{position:relative;display:block;margin:auto;margin-top:.5em;padding:0;font-family:"Lato", serif;font-weight:650;width:80%;height:var(--game_instructions_h);overflow:hidden;background-color:var(--header_color_game_background);border:.3em solid var(--header_color_game_border_p);border-radius:10px;transition-property:height, padding;transition-duration:.5s; transition-timing-function:var(--bounce-easing);}
.game_instructions_container > h2{color:var(--header_color_game_text_h);font-size:calc(var(--game_instructions_h) / 2);margin-top:calc(var(--game_instructions_h) / 4);margin-left:.5em;}
.game_instructions_container > h2::after{content:'🔎';position:absolute;right:.5em;color:var(--header_game_indicator_color_1);animation-name:game_highlight_instructions;animation-duration:2s;animation-iteration-count:infinite;animation-direction:alternate;}
.game_instructions_container i{color:var(--header_color_game_text_s);}
.game_instructions_container > p{color:var(--header_color_game_text_p);}
.game_instructions_container > p:not(:nth-child(2)){font-size:1.3em;}
.game_instructions_container > ul{line-height:200%;list-style-type:none;}
.game_instructions_container > ul li{position:relative;color:var(--header_color_game_text_p);}
.game_instructions_container > ul li::before{position:absolute;top:.3em;left:-1.6em;content:"";display:inline-block;background-image:url('../images/game_plasma_logo.png');background-size: 1.2em 1.2em;width:1.2em;height:1.2em;border:.1em solid var(--header_color_game_border_p);border-radius:50%;}
.game_instructions_container > ul:last-child li:last-child{margin-bottom:3em;}

.game_instructions_container:hover{cursor:pointer;border:.35em solid var(--header_color_game_border_s);}
.game_instructions_container:hover > ul li::before{border:.1em solid var(--header_color_game_border_s);}

.game_instructions_container.opened{height:auto;padding:1em;padding-top:0;transition-duration:.5s; transition-timing-function:var(--bounce-easing);}
.game_instructions_container.opened > h2{font-size:2em;margin-top:.5em;margin-left:initial;padding-left:2.6em;margin-bottom:1.5em;}
.game_instructions_container.opened > h2::after{font-size:.5em;bottom:.5em;animation-name:game_highlight_instructions_c;}
.game_instructions_container.opened > h2::before{position:absolute;top:.1em;left:.1em;content:"";display:inline-block;background-image:url('../images/game_plasma_logo.png');background-size: 2em 2em;width:2em;height:2em;border:.2em solid var(--header_color_game_border_p);border-radius:50%;}
.game_instructions_container.opened:hover > h2::before{border:.2em solid var(--header_color_game_border_s);}

@keyframes game_highlight_instructions{
	0%     {color:var(--header_game_indicator_color_1);content:'🔎';}
	3%     {color:var(--header_game_indicator_color_1);content:'🔎 C';}
	6%     {color:var(--header_game_indicator_color_1);content:'🔎 Cl';}
	9%     {color:var(--header_game_indicator_color_1);content:'🔎 Cli';}
	12%    {color:var(--header_game_indicator_color_1);content:'🔎 Clic';}
	15%    {color:var(--header_game_indicator_color_1);content:'🔎 Click';}
	18%    {color:var(--header_game_indicator_color_1);content:'🔎 Click ️';}
	21%    {color:var(--header_game_indicator_color_1);content:'🔎 Click t';}
	24%    {color:var(--header_game_indicator_color_1);content:'🔎 Click to';}
	27%    {color:var(--header_game_indicator_color_1);content:'🔎 Click to ';}
	30%    {color:var(--header_game_indicator_color_2);content:'🔎 Click to v';}
	33%    {color:var(--header_game_indicator_color_2);content:'🔎 Click to vi';}
	36%    {color:var(--header_game_indicator_color_2);content:'🔎 Click to vie';}
	39%    {color:var(--header_game_indicator_color_2);content:'🔎 Click to view';}
	42%    {color:var(--header_game_indicator_color_2);content:'🔎 Click to view ';}
	45%    {color:var(--header_game_indicator_color_3);content:'🔎 Click to view i';}
	48%    {color:var(--header_game_indicator_color_3);content:'🔎 Click to view in';}
	51%    {color:var(--header_game_indicator_color_3);content:'🔎 Click to view ins';}
	54%    {color:var(--header_game_indicator_color_3);content:'🔎 Click to view inst';}
	57%    {color:var(--header_game_indicator_color_3);content:'🔎 Click to view instr';}
	60%    {color:var(--header_game_indicator_color_3);content:'🔎 Click to view instru';}
	63%    {color:var(--header_game_indicator_color_3);content:'🔎 Click to view instruc';}
	66%    {color:var(--header_game_indicator_color_3);content:'🔎 Click to view instruct';}
	69%    {color:var(--header_game_indicator_color_3);content:'🔎 Click to view instructi';}
	72%    {color:var(--header_game_indicator_color_3);content:'🔎 Click to view instructio';}
	75%    {color:var(--header_game_indicator_color_3);content:'🔎 Click to view instruction';}
	78%    {color:var(--header_game_indicator_color_3);content:'🔎 Click to view instructions';}
	81%    {color:var(--header_game_indicator_color_4);content:'🔎 Click to view instructions ️';}
	84%    {color:var(--header_game_indicator_color_4);content:'🔎 Click to view instructions 🕹️';}
	87%    {color:var(--header_game_indicator_color_4);content:'🔎 Click to view instructions 🕹️';}
	100%   {color:var(--header_game_indicator_color_4);content:'🔎 Click to view instructions 🕹️';}
}

@keyframes game_highlight_instructions_c{
	0%     {color:var(--header_game_indicator_color_1);content:'🔎';}
	3%     {color:var(--header_game_indicator_color_1);content:'🔎 C';}
	6%     {color:var(--header_game_indicator_color_1);content:'🔎 Cl';}
	9%     {color:var(--header_game_indicator_color_1);content:'🔎 Cli';}
	12%    {color:var(--header_game_indicator_color_1);content:'🔎 Clic';}
	15%    {color:var(--header_game_indicator_color_1);content:'🔎 Click';}
	18%    {color:var(--header_game_indicator_color_1);content:'🔎 Click ';}
	21%    {color:var(--header_game_indicator_color_1);content:'🔎 Click t';}
	24%    {color:var(--header_game_indicator_color_1);content:'🔎 Click to';}
	27%    {color:var(--header_game_indicator_color_1);content:'🔎 Click to ';}
	30%    {color:var(--header_game_indicator_color_2);content:'🔎 Click to c';}
	33%    {color:var(--header_game_indicator_color_2);content:'🔎 Click to cl';}
	36%    {color:var(--header_game_indicator_color_2);content:'🔎 Click to clo';}
	39%    {color:var(--header_game_indicator_color_2);content:'🔎 Click to clos';}
	42%    {color:var(--header_game_indicator_color_2);content:'🔎 Click to close';}
	45%    {color:var(--header_game_indicator_color_2);content:'🔎 Click to close ';}
	48%    {color:var(--header_game_indicator_color_3);content:'🔎 Click to close i';}
	51%    {color:var(--header_game_indicator_color_3);content:'🔎 Click to close in';}
	54%    {color:var(--header_game_indicator_color_3);content:'🔎 Click to close ins';}
	57%    {color:var(--header_game_indicator_color_3);content:'🔎 Click to close inst';}
	60%    {color:var(--header_game_indicator_color_3);content:'🔎 Click to close instr';}
	63%    {color:var(--header_game_indicator_color_3);content:'🔎 Click to close instru';}
	66%    {color:var(--header_game_indicator_color_3);content:'🔎 Click to close instruc';}
	69%    {color:var(--header_game_indicator_color_3);content:'🔎 Click to close instruct';}
	72%    {color:var(--header_game_indicator_color_3);content:'🔎 Click to close instructi';}
	75%    {color:var(--header_game_indicator_color_3);content:'🔎 Click to close instructio';}
	78%    {color:var(--header_game_indicator_color_3);content:'🔎 Click to close instructions';}
	81%    {color:var(--header_game_indicator_color_4);content:'🔎 Click to close instructions ';}
	84%    {color:var(--header_game_indicator_color_4);content:'🔎 Click to close instructions 🎮';}
	87%    {color:var(--header_game_indicator_color_4);content:'🔎 Click to close instructions 🎮';}
	100%   {color:var(--header_game_indicator_color_4);content:'🔎 Click to close instructions 🎮';}
}

.mobile_header_side{z-index:1000;visibility:hidden;position:fixed;top:0;left:100vw;width:100vw;height:100vh;background-color:var(--header_color_secondary);font-family:"Lato", serif;font-weight:750;transition-property:left, visibility;transition-duration:1s; transition-timing-function:var(--bounce-easing);}
.mobile_header_side div:not(.media_links){position:absolute;top:0;left:0;width:calc(100% - 5rem);height:100%;background-color:transparent;}
.mobile_header_side button{position:absolute;top:0;right:0;width:5rem;height:5rem;background-color:var(--header_color_button_border_s);color:transparent;border:none;outline:none;padding-top:0.3em;cursor:pointer;}
.mobile_header_side button img{width:95%;height:auto;}
.mobile_header_side a{text-decoration:none;outline:none;}
.mobile_header_side > div ul {list-style-type:none;}
.mobile_header_side > div > ul ul li{position:relative;font-size:.8em;line-height:200%;color:var(--header_color_li_text);}
.mobile_header_side > div > ul ul li::before{content:"➤";color:var(--header_color_arrow_p);padding-right:.3em;}
.mobile_header_side li.main_m_nav_button{position:relative;color:var(--header_color_select);font-size:1.2em;padding-top:.6em;padding-bottom:.6em;padding-left:.6em;}
.mobile_header_side li.main_m_nav_button::before{position:absolute;top:0.1em;left:-2em;content:"";display:inline-block;background-color:#C3DCDD;background-image:url('../images/welcome_bar_icon.png');background-size: 100% 100%;background-position:50% 50%;background-repeat:no-repeat;width:2em;height:2em;border:.2em solid var(--header_color_select);border-radius:50%;}
.mobile_header_side li.main_m_nav_button[def="projects"]::before{background-image:url('../images/projects_bar_icon.png');background-size: auto 90%;background-color:#CDEBF9;}
.mobile_header_side li.main_m_nav_button[def="publications"]::before{background-image:url('../images/publication_bar_icon.png');background-color:#424873;}
.mobile_header_side li.main_m_nav_button[def="about_me"]::before{background-image:url('../images/about_bar_icon.png');background-color:#E2F1F6;}
.mobile_header_side div.media_links{position:absolute;bottom:1em;right:0;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:.5em;width:5rem;height:calc(100% - 5rem - 2em);background-color:transparent;}
.mobile_header_side div.media_links a{text-align:center;}
.mobile_header_side div.media_links img{width:80%;}

.mobile_header_side.opened{visibility:visible;left:0;transition-duration:1s; transition-timing-function:var(--bounce-easing);}

/* Responsive screen configurations. */
@media screen and (max-width: 990px){
	.nav_container div:not(:last-child):not(:nth-child(2)){display:none;}
	.nav_container div:last-child{display:block;width:3.5em;}
	.nav_container div:last-child button::after{position:absolute;right:calc(50% - (3em/2));top:calc(50% - (3em/2));background-size: 2.6em 2.6em;width:2.6em;height:2.6em;}
}
@media screen and (max-width: 580px){
	:root{
		--main_item_spacing: 5em;
	}
	.nav_container div:not(:last-child){display:none;}
	.logo_container:hover{width:20em;height:10em;}
}
@media screen and (max-width: 650px){
	.game_instructions_container > h2{font-size:calc(var(--game_instructions_h) / 3);margin-top:calc(var(--game_instructions_h) / 3 * 2);}
	.game_instructions_container.opened > h2{font-size:1.2em;}
	.game_instructions_container.opened > h2::after{font-size:.7em;}
	.game_instructions_container.opened > p, .game_instructions_container.opened > ul{font-size:.8em;}
	.game_instructions_container.opened > p:not(:nth-child(2)){font-size:1em;}
}
@media screen and (max-width: 369px){
	.game_instructions_container.opened > h2{font-size:.8em;}
	.game_instructions_container.opened > h2::after{font-size:.7em;}
	.game_instructions_container.opened > p, .game_instructions_container.opened > ul{font-size:.6em;}
	.game_instructions_container.opened > p:not(:nth-child(2)){font-size:.8em;}
	.main_container > .logo_container{width:12em;}
	.logo_container:hover{width:15em;height:10em;}
}
@media screen and (max-height: 540px){
	.mobile_header_side > div > ul ul li{font-size:.6em;}
	.mobile_header_side li.main_m_nav_button{font-size:.9em;}
	.mobile_header_side div.media_links img{width:60%;}
}
@media screen and (max-height: 430px){
	.mobile_header_side{overflow-y:auto;}
	.mobile_header_side div.media_links img{display:none;}
	.main_container > .logo_container{width:12em;}
	.logo_container:hover{width:15em;height:10em;}	
}
/* HEADER End */

/* FOOTER Start */
.main_footer{position:relative;width:100%;background-color:var(--footer_color_p);background-image:url('../images/footer_img.png');background-blend-mode:darken;background-repeat:round;font-family:"Lato", serif;font-weight:600;padding-top:2em;}
.footer{position:relative;width:var(--footer_container_w);max-width:95%;display:grid;grid-auto-rows:var(--footer_row);grid-template-columns:repeat(auto-fill, var(--footer_column));grid-gap:var(--footer_gap);justify-content:center;background-color:transparent;padding:0;margin:auto;}
.footer > div{background-color:var(--footer_color_s);border-radius:.8em;}
.footer a{text-decoration:none;outline:none;}
.footer > div ul {list-style-type:none;}
.footer > div > ul ul li{position:relative;font-size:1em;line-height:200%;color:var(--footer_color_text);margin-left:-1em;}
.footer > div > ul ul li::before{content:"➤";color:var(--footer_color_arrow_p);padding-right:.35em;transition-property:padding-right;}
.footer li.main_f_nav_button{position:relative;color:var(--footer_color_text_h_p);font-size:1.2em;padding-top:.7em;padding-bottom:.7em;padding-left:.8em;transition-property: padding-left;}
.footer li.main_f_nav_button::before{position:absolute;top:0.1em;left:-1.9em;content:"";display:inline-block;background-color:#C3DCDD;background-image:url('../images/welcome_bar_icon.png');background-size: 100% 100%;background-position:50% 50%;background-repeat:no-repeat;width:2em;height:2em;border:.2em solid var(--footer_color_text_h_p);border-radius:50%;transition-property:background-size, width, height;}
.footer li.main_f_nav_button[def="projects"]::before{background-image:url('../images/projects_bar_icon.png');background-size: auto 90%;background-color:#CDEBF9;}
.footer li.main_f_nav_button[def="publications"]::before{background-image:url('../images/publication_bar_icon.png');background-color:#424873;}
.footer li.main_f_nav_button[def="about_me"]::before{background-image:url('../images/about_bar_icon.png');background-color:#E2F1F6;}

.footer > div > ul ul li:hover::before{color:var(--footer_color_arrow_s);padding-right:1em;}
.footer li.main_f_nav_button:hover{color:var(--footer_color_text_h_s);padding-left:2em;}
.footer li.main_f_nav_button:hover::before{top:-0.4em;background-size: 3em 3em;width:3em;height:3em;border:.2em solid var(--footer_color_text_h_s);}

.footer_end{display:flex;justify-content:center;align-items:center;gap:0;width:100%;height:2em;background-color:transparent;text-align:center;overflow:hidden;padding-bottom:1em;}
.footer_end p{font-size:1.3em;color:var(--footer_color_copyr_text);}
.footer_end.social{gap:.6em;height:5em;margin-top:2em;margin-bottom:1.5em;padding-bottom:0;background-color:var(--footer_color_social_b);}
.footer_end.social img{display:block;height:4em;transition-property:height;}

.footer_end.social img:hover{display:block;height:4.3em;}

.footer > div > ul ul li::before,
.footer li.main_f_nav_button,
.footer li.main_f_nav_button::before,
.footer_end.social img
{transition-duration: 1s; transition-timing-function: var(--elastic-easing);}

/* Responsive screen configurations. */
@media screen and (max-width: 1000px){
	:root{
		--footer_container_w: calc((2 * var(--footer_column)) + (3 * var(--footer_gap)));
	}
}
@media screen and (max-width: 600px){
	:root{
		--footer_row: 15em; --footer_column: 10em;
		--footer_gap: .5em;
	}
	.footer > div > ul ul li{font-size:.6em;line-height:200%;margin-left:-1em;}
	.footer > div > ul ul li::before{padding-right:.35em;}
	.footer li.main_f_nav_button{font-size:1em;padding-top:.7em;padding-bottom:.7em;padding-left:.8em;}
	.footer li.main_f_nav_button::before{top:0.1em;left:-1.9em;background-size: 2em 2em;width:2em;height:2em;}	
	
	.footer li.main_f_nav_button:hover::before{top:-0.2em;background-size: 2.4em 2.4em;width:2.4em;height:2.4em;}
    .footer li.main_f_nav_button:hover{padding-left:1.2em;}	
	
	.footer_end{height:2em;}
	.footer_end p{font-size:.8em;}
	.footer_end.social{height:4em;}
	.footer_end.social img{height:2em;}
	.footer_end.social img:hover{height:2.3em;}
}
/* FOOTER End */

/* Loading screen Start. */
section.loading_screen{z-index:1000;position:fixed;top:0;left:0;display:flex;align-items:center;justify-content:center;width:100%;height:100%;background-color:var(--loading_color_background);}
section.loading_screen > svg{width:85%;height:auto;background-image:url("../images/loader_logo.webp");background-size:100% 100%;background-position:50% 50%;background-repeat:no-repeat;}

section.loading_screen.loaded{display:none;}

section.loading_screen > svg .cls-1
{stroke:var(--loading_color_stroke_1);stroke-width:25px;animation-name:loading_border;animation-duration:2s;animation-iteration-count:infinite;}

@keyframes loading_border{
	0%     {stroke:var(--loading_color_stroke_1);stroke-width:1em;stroke-dashoffset:20%;stroke-dasharray:0 45%;}
	80%    {stroke:var(--loading_color_stroke_2);stroke-width:.5em;stroke-dashoffset:-20%;stroke-dasharray:45% 0;}
	100%   {stroke:var(--loading_color_stroke_3);stroke-width:.7em;stroke-dashoffset:-20%;stroke-dasharray:45% 0;}

}

/* Responsive screen configurations. */
@media screen and (max-width: 600px){
	section.loading_screen svg{width:95%;}
}
/* Loading screen End. */


/* Cursor selection. */ 
::selection {color: #E2F1F6; background-color: #2A4D70;}
/* Scrollbar settings. */ 
::-webkit-scrollbar {width:.5em;height:.5em;}
::-webkit-scrollbar-track {background-color: #408DEE;border-radius:100vw;margin-block:.5em;}
::-webkit-scrollbar-thumb {background-color: #80503A;border-radius:100vw;}
::-webkit-scrollbar-thumb:hover {background-color: #F0F0E8;}
::-webkit-scrollbar-corner{background-color:#F0F0E8;}
/* hide scrollbar on the body and add settings for Firefox */
body::-webkit-scrollbar{display: none;}
@supports not selector(::-webkit-scrollbar){
	* {scrollbar-color:#80503A #408DEE; scrollbar-width:thin;}
	html, body{scrollbar-width:none;}
}