@charset "UTF-8";

/* RESET */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{font-size:100%;margin:0;padding:0;border:0;outline:0;vertical-align:baseline;background:transparent;min-width:0}html{min-height:100%;font-weight:400;touch-action:manipulation;-ms-touch-action:manipulation}body{min-height:100%;line-height:1}blockquote,q{quotes:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}h1,h2,h3,h4,h5{font-weight:inherit}b,strong{font-weight:700}input,button,textarea{border:0;padding:0;font-weight:inherit;background:transparent;line-height:1}hr{display:block;width:100%;height:1px;background:#ada29c;margin:0;padding:0;border:0}.noselect{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}::-webkit-input-placeholder,::-moz-placeholder,:-ms-input-placeholder,:-moz-placeholder{color:inherit}input::placeholder{color:inherit;opacity:.7}input[type=text]::-ms-clear,input[type=text]::-ms-reveal{display:none;width:0;height:0}input[type="search"]::-webkit-search-decoration,input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-results-button,input[type="search"]::-webkit-search-results-decoration{display:none}input[type="text"],input[type="search"],input[type="password"],input[type="email"],input[type="button"],[type="submit"],textarea,select,.btn{box-sizing:border-box;display:block;width:100%;font-family:inherit;line-height:1;background:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none;resize:none}input[type="button"],[type="submit"],.btn{cursor:pointer}a{color:inherit;text-decoration:none;cursor:pointer}select:disabled{opacity:.6}

/*
@media screen and (max-width: 1000px) {}
*/

:root {
  --color-default: #383738;
  --color-springwood: #F7F5F1;
  --color-alabaster: #f9f9f9;
}

html {
    font-size: 10px;
}

body {
    color: #383738;
    font-family: 'Open Sans', sans-serif;
    font-weight: normal;
    font-size: 2.1rem;
    line-height: 1;
    background: #fff;
}

img,
svg {
    display: block;
    max-width: 100%;
}

.desktop {
    display: none;
}

.main {
    padding-bottom: 7rem;
    overflow: hidden;
}

.header {
    padding: 9rem 0;
}

.header__wrapper {
    box-sizing: border-box;
    padding: 0 2rem;
    width: 93rem;
    max-width: 100%;
    margin: 0 auto;
    position: relative;
    display: flex;
    justify-content: center;
}

/* profile START */

.profile {
    display: flex;
    align-items: center;
    flex-direction: column;
}

.profile__image {
    flex: 0 0 auto;
    max-width: 106px;
    margin-bottom: 12px;
}

.profile__image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.profile__info {
    text-align: center;
}

.profile__name {
    font-size: 5.4rem;
    font-weight: 600;
    margin-bottom: 1rem;
    position: relative;
    z-index: 1;
}

.profile__name-circle {
    position: absolute;
    width: 110%;
    left: -5%;
    bottom: -30%;
    z-index: -1;
}

.profile__name-circle svg { /* to remove the circle */
    height: auto;
    width: 100%;
    display: none;
}

.profile__position {
    font-size: 2.4rem;
}

.profile__icon { /* to remove */
    display: none;
    right: 4.5rem;
    top: -1.2rem;
    width: 8.5rem;
}

/* profile END  */



/* links START */

.links {
    padding: 12rem 0;
    width: 73rem;
    max-width: 100%;
    position: relative;
}

.links__list {
    margin-bottom: 5.8rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
}

.links__list::before {
    max-width: 145px;
    height: 238px;
    background: center / cover no-repeat url("../images/arrow.png");
    right: 0;
    top: -210px;
}

.links__list::after {
    max-width: 164px;
    height: 160px;
    background: center / contain no-repeat url("../images/stars.png");
    left: 0px;
    margin-right: 12px;
    bottom: -113px;
}

.links__list::after, .links__list::before {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
}


.links__item {
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #F2F2F2;
    background: #7CECC5;
    width: 100%;
    font-weight: 600;
    height: 11rem;
    margin-bottom: 2.4rem;
    transition: 0.3s;
}

.links__item-icon {
    display: none;
}

.links__item:hover {
    background: rgba(124, 236, 197, 0.7);
}

.links__icon { /* to remove */
    display: none;
    width: 16.5rem;
    position: absolute;
    right: -8rem;
    top: 0;
    transform: translateY(-50%);
}

/* links END */




/* image START */

.image {
    width: 82rem;
    max-width: 100%;
    margin: 0 auto;
    padding: 0 0 5rem;
}

/* image END */



/* socials START  */

.socials {
    display: flex;
    justify-content: center;
    flex-flow: row wrap;
    padding: 0;
}

.socials__item {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 9.2rem;
    height: 9.2rem;
    background: var(--color-default);
    transition: 0.3s;
    margin: 0 1.4rem;
}

.socials__item svg {
    width: 25px;
}

.socials__item path {
    transition: inherit;
}

.socials__item:hover {
    background: rgba(56, 55, 56, 0.8);
}

.socials__item path {
    fill: var(--color-alabaster);;
}

/* socials END  */



/* logo START */

.logo-wrap {
    display: flex;
    align-items: center;
    justify-content: center;
}

.logo img,
.logo svg {
    margin-left: -8px;
    width: 16rem;
}

/* logo END */

.profile__icon-bottom {
    position: absolute;
    top: unset;
    left: unset;
    bottom: 6rem;
    right: 20rem;
}



/* main black START  */

.main_black {
    background: var(--color-default);
}

/* main black END  */