* {
  padding   : 0;
  margin    : 0;
  box-sizing: border-box;
}
ul, li{
  list-style: none;
}
a {text-decoration: none;}
a title{
  border: none;
}
a:hover{cursor: pointer;}
h1,h2,h3,h4,h5,h6 {
  padding    : 0;
  margin     : 0;
  font-size  : inherit;
  font-weight: inherit;
}
body{
  font-family: 'Montserrat', sans-serif;
}
html::-webkit-scrollbar {
    width: 10px;
}
html::-webkit-scrollbar-track {
    -webkit-box-shadow: 5px 5px 5px -5px rgb(34 60 80 / 20%) inset;
    background-color: #4298e066;
    border-radius: 10px;
}
html::-webkit-scrollbar-thumb {
    border-radius: 10px;
          background: linear-gradient( 
180deg, #90CDF4, #FBD38D);
}
.container {
  max-width: 85%;
  margin   : 0 auto;
}
.main-section{
  height             : 100vh;
  background         : url(./img/bg-main.png);
  background-repeat  : no-repeat;
  background-position: right;
  background-size    : 28%;
  margin-top         : 58px;
  padding-top        : 58px;
}
.row {
  display        : flex;
  flex-direction : row;
  justify-content: space-between;
}
.column__title {
  position   : relative;
  font-weight: normal;
  font-size  : 36px;
  line-height: 44px;

color: #000000;

}
.column__title::after {
  position     : absolute;
  content      : "";
  width        : 15%;
  left         : 0;
  height       : 9px;
  background   : #90CDF4;
  border-radius: 64px;
  top          : 52px;
}
 
.column__subtitle {
  font-style : normal;
  font-weight: bold;
  font-size  : 20px;
  line-height: 24px;

color        : #000000;
margin-bottom: 18px;
}

.column__img img {
  width        : 248px;
  height       : 248.66px;
  filter       : drop-shadow(0px 20px 25px rgba(0, 0, 0, 0.1)) drop-shadow(0px 10px 10px rgba(0, 0, 0, 0.04));
  border-radius: 50%;
  object-fit   : contain;
  box-shadow   : 0px 10px 15px rgba(0, 0, 0, 0.1), 0px 4px 6px rgba(0, 0, 0, 0.05);
  margin-bottom: 38px;
}
.column__description {
    line-height: 1.5;
    padding    : 1% 25% 1% 0;
    margin-top : 21px;
    
}
.column__description p{
margin-bottom: 10px;
}
.column__list {
    margin-bottom: 10px;
}
.column__list.icon {
  display        : flex;
  flex-direction : row;
  justify-content: space-between;
  align-items    : center;
  background     : #ffffff;
  box-shadow     : 0px 10px 15px rgba(0, 0, 0, 0.1), 0px 4px 6px rgba(0, 0, 0, 0.05);
  border-radius  : 64px;
  padding        : 8px 28px;
}
.column__list.contact-words .column__item {
  max-width: 248px;
  margin   : 20px 0;
}
.column__link {
  font-weight: 600;
  font-size  : 14px;
  line-height: 15px;
  color      : #ffffff;
}
 .column__list.contact-words .column__item .column__link {
   display        : flex;
   justify-content: center;
   box-shadow     : 0px 10px 15px rgba(0, 0, 0, 0.1), 0px 4px 6px rgba(0, 0, 0, 0.05);
   border-radius  : 64px;
   padding        : 12px 28px;
 }
 .column__list.contact-words .column__item:nth-child(2n+1) .column__link {
  background: #90CDF4;
}
.column__list.contact-words .column__item:nth-child(2n) .column__link {
  background : #FBD38D;
  margin-left: 25px;
}
.column__list.contact-words .column__item:nth-child(3) .column__link {
  background : #90CDF4;
  margin-left: 15px;
}
.column__list.icon .column__item .column__link{
  transition: 1s;
}
.column__list.icon .column__item .column__link:hover svg {
  transform: scale(1.5);
}
.column__list.contact-words .column__item .column__link:hover {
  font-weight    : bold;
  font-size      : 12px;
  line-height    : 15px;
  color          : #4298e0;
  background     : #ffffff;
  justify-content: flex-end;
}
.section-skills .column__description {
  padding: 0;
}
.list-skills__label {
      width         : fit-content;
      font-weight   : bold;
      font-size     : 12px;
      line-height   : 10px;
      color         : #FFFFFF;
      text-transform: uppercase;
      background    : #63B3ED;
      border-radius : 64px;
      padding       : 4px 9px;
}
.list__label {
  display        : flex;
  flex-direction : row;
  justify-content: space-between;
}
.list-skills__item {
  font-size    : 16px;
  line-height  : 20px;
  color        : #000000;
  padding-right: 15px;
  margin       : 4px 0 8px;
}
.section-skills .row .column:nth-child(2){
  margin-top: 54px;
}
.column-description__list li {
 list-style    : setItem;
 padding-bottom: 21px;
}
.column-link{
  text-decoration: underline;
}
.column-link:hover {
  color: #FBD38D;
}
.column-link:focus {
  color: #8b5800;
}
.column-link:visited {
  color: #4298e0;
}
.footer {
  
  padding    : 30px 0;
  background : #90CDF4;
  color      : #ffffff;
  font-weight: bold;
  font-size  : 12px;
  line-height: 15px;
}
.block-contact {
display    : flex;
  align-items: center;
  justify-content: space-between;
}
.footer__logo {
  width: 25%;
}
pre {

    overflow: auto;

}

@media (max-width: 1025px){
.section-skills .row {
  flex-direction: column;
}
}
@media (max-width: 541px){
  .main-section {
    height: auto;
    background: none;
  }
  .main-screen .row{
  flex-direction: column-reverse;
 }
 .list__label {
   flex-direction: column;
 }
}