html{box-sizing:border-box;font-size:14px}*,*:before,*:after{box-sizing:inherit}body,h1,h2,h3,h4,h5,h6,p,ol,ul{margin:0;padding:0;font-weight:400}ol,ul{list-style:none}img{max-width:100%;height:auto}a{color:inherit;text-decoration:none}body{background-color:#312f2d;font-family:Montserrat,sans-serif}body .container{display:flex;flex-direction:column;margin:0 auto;width:310px}body .contacts{background-color:#312f2d;color:#fcfcfc;display:flex;justify-content:space-between;margin:0 auto;padding:30px 20px 10px}body .contacts .ovanse-photo{width:50%}body .contacts .contact{width:50%;padding-left:20px}body .contacts .contact__header{font-size:32px;font-weight:700;display:none}body .contacts .contact__item{margin-bottom:20px}body .contacts .contact__item__title{font-size:16px}body .contacts .contact__item__content{font-size:12px;margin-top:5px}body .about{background-color:#fcfcfc;color:#312f2d;padding-bottom:20px;width:100%}body .about__flags{margin-top:5px;display:flex;flex-direction:row;margin-left:10px}body .about__flags img{border:1px solid #312f2d;cursor:pointer;margin-right:20px;max-height:20px}body .about__wrapper{padding:0 10px}body .about__name{margin-top:10px}body .about__lastname{font-size:36px;line-height:1em}body .about__firstname{font-size:36px;font-weight:700}body .about__occupation{display:flex;align-items:center;justify-content:start;margin-top:10px;background-color:#ebebeb;padding:10px}body .about__content{margin-top:15px}body .about__content .content__text{line-height:1.3;margin-top:10px}body .about__experience{margin-top:15px}body .about__experience .experience__items{display:flex;flex-direction:column;line-height:1.3;margin-top:10px}body .about__experience .experience__organization p{font-weight:700;margin-bottom:5px}body .about__experience .experience__text{margin-bottom:10px}body .about__portfolio{margin-top:15px;width:100%}body .about__portfolio .portfolio__repos{background:#ebebeb;flex-direction:column;margin-top:10px;margin-bottom:10px;padding:10px;display:flex;justify-content:space-around;gap:10px}body .about__portfolio .portfolio__repo{margin:5px;display:flex;justify-content:center;align-items:center;gap:10px}body .about__portfolio .portfolio__items{display:flex;justify-content:center;flex-direction:column}body .about__portfolio .portfolio__item{display:flex;align-items:center;flex-direction:column;margin:10px}body .about__portfolio .portfolio__item-text{margin-top:5px;width:80%;text-align:center}body .about__skills{margin-top:15px}body .about__skills .skills__columns{display:flex;flex-direction:column;justify-content:space-between;line-height:1.3;margin-top:10px}body .about__education{margin-top:15px}body .about__education .education__school{line-height:1.3;margin-top:10px}body .about__education .education__school_mark{font-weight:700}body .about__hobbies{margin-top:15px}body .about__hobbies .hobbies__items{margin-top:10px;display:flex;flex-wrap:wrap;justify-content:center}body .about__hobbies .hobbies__item{display:flex;flex-direction:column;align-items:center;text-align:center;margin:10px 35px;max-width:50%}body .about__hobbies .hobbies__item i{font-size:32px}body .about__hobbies .hobbies__item p{margin-top:10px}body .title{font-size:24px;font-weight:700}@media(min-width:320px){body .container{width:90%}body .about__portfolio .portfolio__repos{flex-direction:column}body .about__portfolio .portfolio__items{display:flex;flex-direction:column;justify-content:center}body .about__portfolio .portfolio__item{display:flex;justify-content:space-between}body .about__portfolio .portfolio__item-image{align-items:center;width:250px}}@media(min-width:480px){body{font-size:16px}body .contacts .contact__item{margin-bottom:15px}body .contacts .contact__item__title{font-size:20px}body .contacts .contact__item__content{font-size:14px}body .about__portfolio .portfolio__repos{margin-bottom:15px;flex-direction:row}body .about__portfolio .portfolio__repo i{font-size:24px}body .about__portfolio .portfolio__items-image{width:400px}body .about__portfolio .portfolio__item-image{width:300px}body .about__skills .skills__columns{height:200px;flex-wrap:wrap;justify-content:start}body .about__skills .skills__columns p{max-width:50%}}@media(min-width:768px){body .contacts .contact{padding-left:50px}body .contacts .contact__header{display:block;margin-bottom:30px}body .contacts .contact__item{margin-bottom:30px}body .about__flags{margin-top:15px;margin-left:20px}body .about__wrapper{padding:0 20px}body .about__name{margin-top:20px}body .about__lastname{font-size:40px}body .about__firstname{font-size:60px}body .about__occupation{font-size:20px;padding:20px}body .about__content{margin-top:30px}body .about__content .content__text{line-height:1.4;margin-top:15px}body .about__experience{margin-top:30px}body .about__experience .experience__items{line-height:1.4;margin-top:15px}body .about__experience .experience__organization p{margin-bottom:10px}body .about__experience .experience__text{margin-left:20px}body .about__experience .experience__text ul{list-style-type:circle}body .about__portfolio{margin-top:30px}body .about__portfolio .portfolio__repos{margin-top:15px;margin-bottom:15px;justify-content:start;gap:50px}body .about__portfolio .portfolio__item-text{margin-top:10px}body .about__skills{margin-top:30px}body .about__skills .skills__columns{line-height:1.4;margin-top:15px}body .about__education{margin-top:30px}body .about__education .eductaion__school{line-height:1.4;margin-top:15px}body .about__hobbies{margin-top:30px}body .about__hobbies .hobbies__items{margin-top:20px}}@media(min-width:1024px){body .container{flex-direction:row}body .contacts{display:block;min-height:100vh;width:400px;margin:50px 0 0;padding:30px}body .contacts .ovanse-photo{width:100%}body .contacts .contact{margin-top:70px;padding-left:0;width:100%}body .contacts .contact__item{margin-bottom:50px}body .about__flags{margin-top:30px;margin-left:30px}body .about__wrapper{padding:0 50px}body .about__name{margin-top:45px}body .about__lastname{font-size:60px;line-height:1em}body .about__firstname{font-size:80px}body .about__occupation{font-size:24px;padding:20px;width:550px}body .about__content{margin-top:50px}body .about__content .content__text{margin-top:20px}body .about__experience{margin-top:50px}body .about__experience .experience__items{margin-top:20px}body .about__portfolio{margin-top:50px}body .about__portfolio .portfolio__repos{margin-top:20px;margin-bottom:20px}body .about__portfolio .portfolio__items{justify-content:space-around;flex-direction:row}body .about__skills{margin-top:50px}body .about__skills .skills__columns{height:150px;margin-top:20px}body .about__skills .skills__columns p{max-width:30%}body .about__education{margin-top:50px}body .about__education .education__school{margin-top:20px}body .about__hobbies{margin-top:50px}body .about__hobbies .hobbies__items{margin-top:20px}body .about__hobbies .hobbies__item{margin:10px 35px}body .about__hobbies .hobbies__item i{font-size:45px}body .about__hobbies .hobbies__item p{margin-top:10px}body .title{font-size:30px;font-weight:700}}@media(min-width:1366px){body .container{width:1320px}}@media(min-width:1920px){body .about__experience .experience__items{flex-direction:row}body .about__experience .experience__item{max-width:50%}body .about__experience .experience__item:first-child{margin-right:50px}body .about__hobbies .hobbies__items{justify-content:space-between}}@font-face{font-family:Montserrat;src:local("Montserrat"),local("Montserrat-Regular"),url(../fonts/Montserrat-Regular.eot) format("eot"),url(../fonts/Montserrat-Regular.woff2) format("woff2"),url(../fonts/Montserrat-Regular.woff) format("woff"),url(/assets/Montserrat-Regular-D3UCWjz4.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Montserrat;src:local("Montserrat Bold"),local("Montserrat-Bold"),url(../fonts/Montserrat-Bold.eot) format("eot"),url(../fonts/Montserrat-Bold.woff2) format("woff2"),url(../fonts/Montserrat-Bold.woff) format("woff"),url(/assets/Montserrat-Bold-nPtuWU9B.ttf) format("truetype");font-weight:700;font-style:normal}