/*
Theme Name: My Blank Theme
Author: You
Version: 1.0
*/

a {text-decoration:none;}
a:hover {cursor:pointer;}
ul {margin:0;padding:0;}
ul li {list-style-type:none;}
img {max-width:100%;height:auto;}
input, select, textarea {background:none;border:none;font-family: "IBM Plex Mono", monospace;color:#fff;}

.icon_heart {width:40px;margin-right:5px;}
.thanks {width:fit-content;margin-top:8px;}
.icon_heart, .thanks {float:left;}

.contact_container {width:100%;float:left;clear:both;}
.contact_container_inner {padding:20px;}
.contact_container_left {width:40%;float:left;}
.contact_container_right {width:60%;float:left;}
.contact_info {width:100%;float:left;clear:both;}
.contact_info_icon {width:35%;float:left;}
.contact_info_right{width:65%;float:left;}

body {
	background-color:#070b1e;
	color:#fff;
	font-size: 14px;
    margin: 0;
    padding: 0;
    font-family: "IBM Plex Mono", monospace;
	-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	font-weight: 500;
	font-style: normal;
}

h1, h2, h3 {
	font-family: "Press Start 2P", system-ui;
	font-weight: 400;
	font-style: normal;
	
}

h4 {margin:0;}

.main_navigation li a {
	font-family: "Press Start 2P", system-ui;
	color:#fff;
}

.current-menu-item > a {
    color: #ff0000;
}

.skill, footer {
	font-family: "Press Start 2P", system-ui;
	font-weight: 400;
	font-style: normal;
	
}

.main_container {max-width:1200px;margin:auto;}
.top {width:100%;float:left;clear:both;}
.top_inner {padding-left:20px;padding-right:20px;padding-top:10px;}
#logo {width:fit-content;float:left;text-transform:uppercase;}
#logo a {color:#fff;}
.main_navigation {width:fit-content;float:right;margin-top:20px;}
.main_navigation ul li {display:block;width:fit-content;float:left;margin-right:20px;text-transform:uppercase;}
.main_navigation ul li:hover {cursor:pointer;}
.main_navigation ul li:last-of-type {margin-right:0;}
.intro {
	background:url('bg_header.png');
	background-size:100% auto;
	background-position:center;
	background-repeat:no-repeat;
	height:500px;
}
.intro_text {margin-top:70px;width:47%;float:left;}
.intro_text_inner {padding-left:40px;}
.intro_text_top {font-size:24px;}
.intro_text_big {
	font-size:36px;
	color: #46A7F7;
	}
.intro_position {color: #FAD73A;font-size:22px;}
.intro_text_top, .intro_text_big, .intro_position {text-transform:uppercase;letter-spacing:1px;margin-bottom:10px;
	font-family: "Press Start 2P", system-ui;
	font-weight: 400;
	font-style: normal;}
.intro_about {font-size:18px;margin-top:15px;width:67%;line-height:1.7;}

.download, .download_mobile {font-size:20px;background:url('btn_download.png') center no-repeat;background-size:100% auto;margin-top:15px;text-transform:uppercase;width:fit-content;}
.download_inner {padding-left:20px;padding-right:80px;padding-top:25px;padding-bottom:30px;}
.download a, .download_mobile a {color:#fff;}

.active_link {color:blue !important;}

.intro_dev {width:50%;float:right;}
.skills, .projects {width:100%;float:left;clear:both;}
.skills h3, .projects h3 {text-align:center;text-transform:uppercase;}
.skill {width:14.12%;float:left;text-transform:uppercase;text-align:center;position:relative;height:100px;}
.skill img {width:50px;}
.skill_php img {width:90px;}
.skill_api img {width:70px;}
.skill_ai img {width:70px;}
.skill h4 {margin-top:10px;}
.skill_title {position:absolute;bottom:0;left:50%;transform: translate(-50%, -50%);}

.projects {width:100%;float:left;margin-top:40px;}
.project {width:33.333333%;float:left;position:relative;height:150px;}
.project_left {width:35%;float:left;}
.project_right {width:65%;float:left;}
.project_right_inner {padding:10px;padding-top:0;padding-bottom:0;}
.project_title {margin-bottom:10px;}
.project a {color:#2C90EA;text-transform:uppercase;}
.view_project {margin-top:10px;position:absolute;bottom:0;left:50%;transform: translate(-50%, -50%);padding-left:10px;}

footer {width:100%;float:left;clear:both;text-transform:uppercase;margin-top:40px;font-size:12px;}
.footer_left {width:30%;float:left;}
.socials {width:40%;float:left;display:flex;flex-direction:row;justify-content:center;}
.social {width:fit-content;float:left;margin-right:30px;}
.social:last-of-type {margin-right:0;}
.social img {width:40px;}
.social_email {margin-top:5px;}
.footer_right {width:30%;float:right;}

#about, #contact, .misc_div {display:none;}
.misc_div {width:100%;float:left;clear:both;}
#home {display:block;}

textarea {resize:none;}

.mobile_navigation, .burger {display:none;}
.burger {color:#fff;float:right;font-size:30px;margin-top:10px;}
.burger:hover {cursor:pointer;}
.download_mobile {display:none;font-size:18px;}
.footer_mobile {display:none;width:100%;float:left;clear:both;}

@media screen and (max-width: 768px) {

	.burger {display:block;}
	.main_navigation {display:none;}
	.skills, .projects {margin-top:20px;}
    .skill {width:33.333333%;float:left;margin-top:20px;height:100px;font-size:12px;}
    .project {width:100%;float:left;clear:both;margin-top:20px;height:auto;}
	.inner {padding-left:20px;padding-right:20px;}
	.intro_text_inner {padding-left:20px;padding-right:20px;}
	.intro {background-size:auto 100%;position:relative;height:auto;min-height:450px;}
	.intro_text {width:100%;margin-top:40px;}
	.intro_text_top {font-size:18px;}
	.intro_text_big {font-size:28px;line-height:1.4;}
	.intro_position {font-size:15px;}
	.intro_about {width:63%;font-size:16px;}
	.download {display:none;}
	.socials {width:100%;float:left;clear:both;}
	.footer_left, .footer_right {display:none;}
	.download_mobile {display:block;position:absolute;bottom:10px;left:20px;}
	.footer_mobile {display:block;}
	.footer_mobile_left {margin-top:10px;}
	.footer_mobile_left, .footer_mobile_right {width:100%;float:left;text-align:center;margin-bottom:10px;}
	.thanks {width:80%;}
	.icon_heart {width:25px;}
	.project_right_inner {padding-left:20px;padding-right:20px;}
	.view_project {display:none;}

}