body{
    background: #282C33
}
.__container{
    width: 1027px;
    margin: 0px 170px 0px 170px;
    align-items: center;
    object-position: centers;
}
.wrapper {
    z-index: 50;
}
.contackt {
    z-index: 100;
    position: fixed;
    margin: -40px 0px 0px 35px;
}
.contackt-back{
    background-color: #282C33;
    width: 40px;
    height: auto;
    box-shadow: 1px 1px 20px rgb(0, 0, 0);
    padding-bottom: 10px;
}
.polos {
    display: flex;
    flex-direction: row;
    justify-content: center;
}
.polosss{
    height: 191px;
    width: 1px;
    border: 1px solid #fff;
}
.href-img {
  display: flex;
  flex-direction: row;
  justify-content: center;
  
}   
.qweqrw{
    margin-top: 10px;
    width: 20px;
    height: 20px;
    
}
/*=========================================HEADER====================================*/
.header {
    
}
.header-content {
    padding: 32px 0px 0px 0px;
}
.menu-content {
    display: flex;
    justify-content: flex-end;

}
.menu-logo {
    position: absolute;
}

.menu-list {
    display: flex;
}


.menu-item {
    font-family: 'Fira Code';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 21px;
    color: #C778DD;
    
}
.menu-item:not(last-child){
    margin: 0px 0px 0px 32px;
}

.menu-href{
    line-height: 21px;
    font-size: 16px;
    font-family: 'Fira Code';
    font-style: normal;
    color: #ABB2BF;
    position: relative;
    font-weight: 400;
    display: inline-block;
    text-decoration: none;
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    transition: all .3s linear;
  }
  
  .menu-href:hover{
    color: #FFFFFF;
  }
  
  .menu-href:before, .menu-href:after{
    content: '';
    background: #ABB2BF;
    position: absolute;
    width: 0;
    height: 2px;
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    transition: all .3s linear;
  }
  
  .menu-href:before{
    top: 0;
    left: 0;
  }
  
  .menu-href:after{
    top: 100%;
    right: 0;
  }
  
  .menu-href:hover:before, .menu-href:hover:after{
    width: 100%;
  }

/*=================================MAIN=======================================*/
.main {
    flex: 1 1 auto;
}
.polosa-no{
    padding-top: 46px;
    position: absolute;
    display: flex;
    max-width: 171px;
    max-height: 49px;

}
.no-container{
    background: #D9D9D9;
    width: 171px;
    height: 49px;
}
.main-content {
}
.main-first {
    position: relative;
    z-index: 100;
    padding-top: 26px;
    max-width: 100%;
    max-height: 93px;
}
.polosa {
    background: #D9D9D9;
    width: 100%;
    height: 93px;
  
}
.main-elias {
  display: flex;
  margin-top: 100px;
}
.elias {

}
.elias-text {
    margin-top: 40px;
    width: 60%;
}
.elias-elis {
    flex-wrap: wrap;
    font-family: 'Fira Code';
    font-style: normal;
    font-weight: 600;
    font-size: 32px;
    line-height: 42px;
    color: #FFFFFF;
}
.elieas-craft {
    font-family: 'Fira Code';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 25px;
    color: #ABB2BF;
    margin-top: 32px;

}
.elieas-contact {
    font-family: 'Fira Code';
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 21px;
    color: #FFFFFF;
    margin-top: 24px;
    border: 1px solid #C778DD;
    padding: 8px 16px;

}
.elias-photo {
  
}
.photo{
   
}


/*======================================================================*/
.main-projects {
    margin-top: 137px;
}

.projects-content {
   
}
.projects-zagalowok {
    font-family: 'Fira Code';
    font-style: normal;
    font-weight: 500;
    font-size: 32px;
    line-height: 42px;
    color: #FFFFFF;
    display: flex;
}
.zagalowok-- {
    color: #C778DD;

}
.zagalowok- {

}
.projects-cherta {
    height: 1px;
    background: rgb(199 120 221);
    width: 512px;
    margin-top: 21px;
    margin-left: 16px;
}
.projects-plit {
    border: 1px solid #ABB2BF;
    width: 100%;
    margin-bottom: 106px;
}
.projects-plit:not(first-child) {
    margin-right: 16px;
    margin-top: 48px;
}
.plit {
    height: auto;
    display: flex;
}
.plit-img {
    border-bottom: 1px solid #ABB2BF;
}
.plit-html {
   
}
.html-text {
    font-family: 'Fira Code';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 21px;
    color: #ABB2BF;
    
}
.plit-name {
    border-top: 1px solid #ABB2BF;
    display: flex;
    flex-wrap: wrap;
}
.name-text {
    font-family: 'Fira Code';
    font-style: normal;
    font-weight: 500;
    font-size: 24px;
    line-height: 31px;
    color: #FFFFFF;
    margin: 16px 16px 0px 16px;
    
}
.plit-info {
    margin: 16px 16px 0px 16px;
}
.info-text {
    font-family: 'Fira Code';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 21px;
    color: #ABB2BF;
    
}
.plit-href{
    margin: 24px 16px 20px 16px;
    
}
.plit-href-info {
    font-family: 'Fira Code';
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 21px;
    color: #FFFFFF;
    border: 1px solid #ABB2BF;
    padding: 8px 16px;
}
/*====================================================================*/
.main-skill {
  
}
.skill {
    display: flex;
}
.skill-figur {
    width: 100%;
    margin-top: 12px;
}
.figur {
}
.skill-info {
  width: 100%;
}
.skill-info:not(first-child) {
    margin-right: 16px;
}

.info-lang {
    height: auto;
    border: 1px solid #ABB2BF;
    width: 100%;
}
.info-lang:not(last-child) {
    margin-bottom: 16px;
}
.info-zagal {
    font-family: 'Fira Code';
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 21px;
    color: #FFFFFF;
    padding: 8px;
    border-bottom: 1px solid #ABB2BF;

}
.info-text {
    display: flex;
    font-family: 'Fira Code';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 21px;
    color: #ABB2BF;
    margin: 8px;
}
.skill-block{
    display: flex;
    width: 100%;
    margin-left: -1px;
}
/*=====================================================================*/
.main-ab-me {
    
}
.ab-me {
    margin-top: 141px;
    margin-bottom: 112px;
}
.ab-me-content {
    width: 100%;
    display: flex;
}
.ab-me-text {
    width: 60%;
    font-family: 'Fira Code';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 21px;
    color: #ABB2BF;
}
.text-ab {
}
.ab-zagal {
    margin-top: 48px;
    display: inline-block;
}
.txt-but {
    margin-top: 27px;
}
.ab-me-img {
    margin-left: 75px;
}
/*=======================================================*/
.contaction-content {
    display: flex;
    margin-top: 45px;
}
.contaction-text {
    font-family: 'Fira Code';
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 21px;
    color: #ABB2BF;
    width: 50%;

}
.contaction-meseg {
    width: auto;
    justify-content: flex-end;
    margin-left: 290px;
    border: 1px solid #ABB2BF;
}
.meseg-zagal {
    font-family: 'Fira Code';
font-style: normal;
font-weight: 600;
font-size: 16px;
line-height: 21px;
color: #FFFFFF;
margin-top: 16px;
margin-left: 16px;
}
.meseg-img {
    margin: 16px;
    display: flex;
    font-family: 'Fira Code';
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 21px;
color: #ABB2BF;

}
.pozta{
    margin-right: 9px;
}
/*==========================footer=======================================*/
.footer {
    margin-top: 131px;
    border-top: 1px solid #ABB2BF;
}
.footer-content {
}
.footer-info {
    display: flex;
    margin-top: 31px;
    justify-content: space-between;
}
.fi-zagal {
}
.zagal-log {
    margin-right: 9px;
}
.zagal-name {
    font-family: 'Fira Code';
font-style: normal;
font-weight: 700;
font-size: 24px;
line-height: 31px;
color: #FFFFFF;
margin-right: 32px;
}
.zagal-mail {
    font-family: 'Fira Code';
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 21px;
color: #ABB2BF;

}
.fi-zag-no-text{
    display: flex;
    margin-bottom: 16px;
}
.zagal-text {
    font-family: 'Fira Code';
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 21px;
color: #FFFFFF;
}
.fi-med {
    font-family: 'Fira Code';
    font-style: normal;
    font-weight: 500;
    font-size: 24px;
    line-height: 31px;
    color: #FFFFFF;
}
.med-text {
}
.med-img {
    margin-top: 12px;
}
.fi-made {
    display: flex;
    justify-content: center;
    font-family: 'Fira Code';
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 21px;
color: #ABB2BF;
margin-top: 48px;
margin-bottom: 32px;

}