@font-face
{
    font-family: extralight;
    src: url(../font/MontserratAlternates-ExtraLight.ttf);
}
@font-face
{
    font-family: regular;
    src: url(../font/MontserratAlternates-Regular.ttf);
}
.mainbody
{
    background: url(../bg/bg2.png) no-repeat center center; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-color: #232323;
    margin: 0;
    width: 100vw;
    height: 100vh;
    overflow: hidden;
}
.main
{
    height: 100%;
}

/* Хэдер */

.header
{
    z-index: 10000;
}

/* Текст и заголовки */

.main__paragraph1, .main__paragraph2, .main__paragraph3
{
    z-index: -1000;
    font-family: extralight;
    font-style: normal;
    font-weight: 275;
    font-size: 1.25vw;
    line-height: 1.5104vw;
    letter-spacing: -0.06em;
    color: rgba(255, 255, 255, 0.5);
    opacity: 0.5;
}
.main__paragraph1
{
    width: 32.50%;
    height: 32.96%;
    position: absolute;
    bottom: 67.22%;
    left: 67.81%;
}
.main__paragraph2
{
    width: 28.39%;
    height: 54.81%;
    position: absolute;
    right: 71.61%;
    bottom: 45.18%;
    text-align: left;
}
.main__paragraph3
{
    width: 31.20%;
    height: 38.43%;
    position: absolute;
    top: 61.57%;
    left: 47.91%;
}
.main__headline, .inspo__headline, .codes__headline, .onepage__headline
{
    font-family: regular;
    font-style: normal;
    font-weight: 400;
    font-size: 3.3333vw;
    line-height: 100%;
    text-align: center;
    letter-spacing: -0.065em;
    color: #FFFFFF;
    margin: 0;
    width: 55.68%;
}
.main__subheadline, .inspo__subheadline, .inspo__list-element, .inspo__list-button, .codes__description
{
    font-family: regular;
    font-weight: 100;
    font-size: 1.25vw;
    line-height: 1.5104vw;
    text-align: center;
    letter-spacing: -0.065em;
    color: #FFFFFF;
}
/* Фон и картинки */

.main__picture, .main__picture_picture2, .main__picture_picture3
{
    display: flex;
    position: absolute;
    left: -0.625vw;
    object-fit: cover;
    overflow: hidden;
    width: 32.19%;
    height: 33.06%;
    border: .2604vw solid #7793F5;
    border-radius: 0px 0px 1.3021vw 0px;
}
.main__picture
{
    top: -0.9375rem;
    z-index: -100;
}
.main__picture_picture2
{
    border-radius: 1.3021vw;
    height: 45.0417vh;
    width: 33.4896vw;
    min-width: 33%;
    position: absolute;
    bottom: -3.3854vw;
    left: 15.98%;
}
.main__picture_picture3
{
    position: absolute;
    height: 30.93%;
    width: 32.19%;
    bottom: -0.7813vw;
    left: 68%;
    border-radius: 1.3021vw 0px 0px 0px;
}

/* Кнопка "Найти вдохновение" */

.main__button
{
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: .1563vw;
    gap: .2604vw;
    margin-top: 1em;

    width: 10.6771vw;
    height: 10.6771vw;

    border: .0521vw solid #FFFFFF;
    border-radius: 10.4167vw;
    background-color: #2323230a;

    font-family: extralight;
    font-style: normal;
    font-weight: 275;
    font-size: 1.25vw;
    line-height: 1.5104vw;
    text-align: center;
    letter-spacing: -0.06em;

    color: #FFFFFF;
}

/* Контейнеры главного контента */

.main__container
{
    display: flex;
    flex-direction: column;
    justify-content: center;
    flex-wrap:wrap;
    margin-top: 1.3021vw;
    align-content: center;
    align-items: center;
    position: relative;
    top: 26%;
}
.main__container2
{
    display: flex;
    flex-direction: row;
}

/* INSPIRATON */

.inspo__body, .explore__body
{
    background: url(../bg/bg.png) no-repeat; 
    background-size: cover;
    background-color: #232323;
    margin: 0;
    width: 100vw;
    height: auto;
    overflow: scroll;
}
.inspo
{
    height: 160%;
}
.inspo__headline
{
    display: flex;
    margin-top: 2.6042vw;
    text-align: left;
    margin-left: 16.25%;
    
}
.inspo__subheadline
{
    font-size: 1.875vw;
    margin-top: 2.0833vw;
    margin-bottom: 1.0417vw; 
    font-weight: 200;
}

/* Сортировка по темам */

.inspo__list-row1, .inspo__list-row2
{
    display: flex;
    list-style-type: none;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    text-align: center;
    padding: 0px;
    gap: 1.3%;
    width: 67.18%;
    height: 2.3438vw;
    margin-left: 16.25%;
    margin-top: 0px;
}
.inspo__list-element, .inspo__list-button
{
    font-size: 1.875vw;
    text-align: center;
    background-color: transparent;
    border: none;
    outline: none;
}
.inspo__list-row1 .inspo__list-element .inspo__list-button
{
    display: block;
    width: 18.2292vw;
    margin-top: 0px;
}
.inspo__list-row2 .inspo__list-element .inspo__list-button
{
    display: block;
    width: 15.8854vw;
}
.inspo__list-row2
{
    margin-top: 0.625rem;
    justify-content: space-between;
}

button.inspo__list-button
{
    text-decoration: underline;
    text-decoration-color: transparent;
    transition: 1s;
    -webkit-text-decoration-color: transparent;
    -moz-text-decoration-color: transparent;
}
button.inspo__list-button:hover, .inspo__list-element:hover
{
    text-decoration-color: #7793F5;
    -webkit-text-decoration-color: #7793F5;
    -moz-text-decoration-color: #7793F5;
    text-decoration: underline;
    transition: 0.5s;
}

/* Блок с работами */
.inspo__explore, .codes__explore, .profile__explore
{
    background-color:rgba(7, 7, 7, 0.3);
    width: 67.18%;
    margin-left: 16.25%;
    margin-top: 3.125vw;
    border: .2604vw solid #7793F5;
    backdrop-filter: blur(100px);
    border-radius: 2.6042vw;
    display: flex;
    flex-direction: column;
    padding-bottom: 2.6042vw;
}
.inspo__work
{
    display: flex;
    align-items: center;
    padding: 3.84% 3.84%;
    gap: .5208vw;
}
.inspo__flex-inner
{
    display: flex;
    flex-direction: column;
    gap: .5208vw;
    margin-left: 5.38%;
    margin-top: 4.5%;
}
.inspo__work-headline, .inspo__work-description
{
    font-family: regular;
    font-size: 1.875vw;
    line-height: 2.2917vw;
    letter-spacing: -0.06em;
    text-decoration-line: underline;
    color: #FFFFFF;
    margin-bottom: 1%;
    margin-top: 0px;
    max-width: 90%;
}
.inspo__pic-container1, .inspo__pic-container2, .inspo__pic-container3
{
    width: 50%;
}
.inspo__pic-container2
{
    background-image: url(../images/inspo2.png);
}
.inspo__pic-container3
{
    background-image: url(../images/inspo3.png);
}
.inspo__work-description
{
    text-decoration-line: none;
    margin: 0px;
}
img.inspo__work-picture-1
{
    position: relative;
    filter: blur(6px);
    width: 43%;
    background-size: cover;
    border-radius: 1.3021vw;
    float: left;
}
img.inspo__work-picture-2
{
    position: absolute;
    margin-top: 3.125vw;
    width: 40.17%;
    left: 4.1667vw;
    background-size: cover;
    border: .2604vw solid #7793F5;
    border-radius: 1.3021vw;
    float: left;
    transition: 0.5s ease-out;
}
img.inspo__work-picture-2:hover
{
    position: absolute;
    margin-top: 0px;
    left: 2.6042vw;
    transition: 0.3s ease-in;
}
.inspo__footer
{
    background-color:rgba(7, 7, 7, 0.3);
    width: 67.18%;
    height: 13.4375vw;
    margin-left: 16.25%;
    margin-top: 2.36%;
    display: flex;
    border: .2604vw solid #7793F5;
    border-bottom: 0px;
    backdrop-filter: blur(20px);
    border-radius: 2.6042vw 2.6042vw 0px 0px;
}
.inspo__footer-logo
{
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    margin-left: 4.24%;
    flex: 0 1 26.34%;
    font-family: regular;
    font-weight: 400;
    font-size: 3.3333vw;
    line-height: 100%;
    text-align: center;
    letter-spacing: -0.065em;
    color: #7793F5;
    text-decoration: none;
}
.inspo__footer-row
{
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    list-style-type: none;
    padding: 0px;
    gap: 1.8229vw;
}
.inspo__links
{
    display: flex;
    flex: 1 1 69.13%;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2.6042vw 0px;
    /*gap: 1.5625vw;*/
}
.inspo__row-element
{
    font-family: regular;
    font-style: normal;
    font-weight: 100;
    font-size: 1.25vw;
    line-height: 1.5104vw;
    letter-spacing: -0.06em;
    text-decoration: none;
    color: #FFFFFF;
}
.inspo__thanks
{
    font-family: extralight;
    font-style: normal;
    font-weight: 100;
    font-size: 1.25vw;
    line-height: 1.5104vw;
    text-align: center;
    letter-spacing: -0.06em;

    color: #FFFFFF;
}

/*CODES*/

.codes__body
{
    background: url(../bg/bg1.png) no-repeat; 
    background-size: cover;
    background-color: #232323;
    margin: 0;
    width: 100vw;
    height: auto;
    overflow-y: scroll;
    overflow-x: hidden;
}
.codes
{
    height: 160%;
}
.codes__headline
{
    display: flex;
    margin-top: 2.6042vw;
    text-align: left;
    line-height: 100%;
    margin-left: 16.25%;
    margin-bottom: 2.2%;
    
}
.codes__description
{
    font-family: 'Montserrat Alternates';
    font-style: normal;
    font-weight: 400;
    font-size: 1.875vw;
    line-height: 2.2917vw;
    text-align: justify;
    letter-spacing: -0.05vw;
    width: 67.08%;
    margin: 0px;
    margin-left: 16.25%;
    margin-bottom: 2.6042vw;
}
.codes__explore
{
    align-items: center;
    gap: 2.6042vw;
    margin-top: 2.6042vw;
    width: 67.3438vw;
    padding: 2.6042vw 0px 3.6458vw 0px;
    backdrop-filter: blur(20px);
}
.codes__card
{
    display: flex;
    flex-direction: column;
    width: 56.0417vw;
    height: 17.7083vw;
    padding: .7813vw 0px;
    backdrop-filter: blur(100px);
    border-radius: 1.3021vw;
    align-items: center;
}
.codes__back
{
    position: absolute;
    z-index: 0;
    top: 0px;
    width: 56.0417vw;
    height: 100%;
    object-fit: cover;
    mix-blend-mode: overlay;
    filter: brightness(0.4);
    border-radius: 1.3021vw;
}
.codes__card-date, .codes__subheadline
{
    font-family: regular;
    font-style: normal;
    font-weight: 400;
    font-size: 1.875vw;
    line-height: 2.2917vw;
    text-align: center;
    letter-spacing: -0.05vw;
    z-index: 100;
    color: #FFFFFF;
}
.codes__subheadline
{
    margin-top: 2.3438vw;
    margin-bottom: .2604vw;
    text-decoration: underline;
}
.codes__card-description
{
    font-family: regular;
    font-style: normal;
    font-weight: 400;
    font-size: 1.875vw;
    line-height: 2.2917vw;
    text-align: center;
    letter-spacing: -0.05vw;
    margin: 0px;
    color: #FFFFFF;
    height: 4.1667vw;
}
.codes__card-flex, .codes__button
{
    z-index: 100;
}
.codes__button, .onepage__button
{
    display: flex;
    align-self: flex-end;
    margin-top: 1.3021vw;
    margin-right: 5.7292vw;
    margin-bottom: 1.0417vw;
    padding: .8854vw 2.2396vw;
    border: .2604vw solid #7793F5;
    border-radius: 1.3021vw;
    font-family: regular;
    font-size: 1.25vw;
    line-height: 1.5104vw;
    letter-spacing: -0.05vw;
    text-decoration-line: underline;
    color: #FFFFFF;
    backdrop-filter: blur(5px);
}
.codes__button:hover, .onepage__button:hover
{
    background-color: #7793F5;
    transform: scale(1.05);
    box-shadow: .1042vw .1042vw 10px#232323;
    text-decoration-line: none;
    transition: 0.2s;
    transition-timing-function: ease-in-out;
}

/*ARTICLE PAGE*/

.article__body
{
    background: url(../bg/bg1.png) no-repeat; 
    background-size: cover;
    background-color: #232323;
    margin: 0;
    width: 100vw;
    height: auto;
    overflow: scroll;
}
.article
{
    display: flex;
    gap: .5208vw;
    margin-top: 1.5625vw;
    height: 100%;
    margin-left: 16.1979vw;
}
.article__nav
{
    display: flex;
    flex-direction: column;
    float: left;
    margin-right: 1.3021vw;
    height: 100%;
    width: 16.1458vw;
}
.article__list
{
    display: flex;
    flex-direction: column;
    gap: .5208vw;
    width: 16.1458vw;
}
.article__nav-element
{
    font-family: regular;
    font-style: normal;
    font-weight: 400;
    font-size: 1.875vw;
    line-height: 2.2917vw;
    letter-spacing: -0.05vw;
    border-radius: 1.3021vw;
    transition: 0.5s;
    color: #FFFFFF;
    text-decoration: none;
}
.article__nav-element:hover
{
    color:#7793F5;
    transition: 0.3s;
    background-color:#23232381;
    border-radius: 1.3021vw;
    padding: .7813vw 1.0417vw;
    cursor: pointer;
}
.active
{
    color:#7793F5;
    transition: 0.3s;
    background-color:#23232381;
    border-radius: 1.3021vw;
    padding: .7813vw 1.0417vw;
}
.article__nav-heading
{
    font-family: regular;
    font-style: normal;
    font-weight: 400;
    font-size: 1.875vw;
    line-height: 2.2917vw;
    letter-spacing: -0.05vw;
    text-decoration-line: underline;
    margin-bottom: 1.0417vw;
    color: #FFFFFF;
    cursor: pointer;
}
.article__content
{
    flex-basis: 79%;
}

.article__headline, .explore__headline
{
    font-family: regular;
    font-style: normal;
    font-weight: 400;
    font-size: 3.3333vw;
    line-height: 100%;
    letter-spacing: -0.0542vw;
    color: #FFFFFF;
    margin-top: 0px;
    margin-bottom: 1.5625vw;
}
.article__description
{
    font-family: regular;
    font-style: normal;
    font-weight: 400;
    font-size: 1.875vw;
    line-height: 2.2917vw;
    letter-spacing: -0.05vw;
    color: #FFFFFF;
    margin-right: 16.25vw;
    margin-top: 0px;
}
.article__subheadline
{
    font-family: regular;
    font-style: normal;
    font-weight: 400;
    font-size: 1.875vw;
    line-height: 2.2917vw;
    letter-spacing: -0.05vw;
    text-decoration-line: underline;
    color: #FFFFFF;
}
.article__video
{
    width: 38.8542vw;
    height: auto;
    border: .2604vw solid #7793F5;
    border-radius: 1.3021vw;
    margin-bottom: 1.25rem;
    transition: 0.5s;
}
.article__video:hover
{
    transform: scale(1.1);
    transition: 0.3s;
}
.article__code-css, .article__code-html, .article__code-js
{
    display: flex;
    flex-direction: column;
    border: .2604vw solid #7793F5;
    border-radius: 1.3021vw;
    background: #232323;
    width: 38.8542vw;
    height: 16.9375rem;
}
.article__code-head
{
    display: flex;
    flex-direction: row;
    align-items: flex-end;
    padding: 1.25rem 0px .3125rem 1.5625rem;
    gap: 1.25rem;
}
.article__code-name
{
    font-family: regular;
    font-style: normal;
    font-weight: 400;
    font-size: 2.25rem;
    line-height: 2.75rem;
    letter-spacing: -0.06em;
    text-decoration-line: underline;

    color: #FFFFFF;
}
.article__code
{
    font-family: 'Consolas';
    font-style: normal;
    font-weight: 400;
    font-size: 1.25vw;
    line-height: 1.4583vw;
    letter-spacing: -0.06em;
    color: #737D91;
    margin-left: 1.8229vw;
    margin-right: 1.8229vw;
    margin-top: .625rem;
    overflow-y: scroll;
}
.second-code
{
    margin-bottom: 1.0417vw;
}

/*EXPLORE*/

.explore__main-container
{
    display: flex;

}
.explore__headline
{
    margin-top: 2.6042vw;
    margin-bottom: 0px;
    width: 67.7083vw;
    letter-spacing: -0.065em;
}
.explore__flex-container
{
    display: flex;
    flex-direction: column;
    width: 44.5833vw;
}
.explore__object-container
{
    display: flex;
    flex-direction: column;
}
.explore__object-headline
{
    font-family: 'Montserrat Alternates';
    font-style: normal;
    font-weight: 400;
    font-size: 2.0833vw;
    line-height: 2.5521vw;
    letter-spacing: -0.06em;
    text-decoration-line: underline;
    margin-top: 1.5625vw;
    margin-bottom: .7813vw;
    color: #FFFFFF;
}
.first-h5
{
    margin-top: 2.9688vw;
}
.explore__object-pic
{
    width: 44.0625vw;
    height: 13.0208vw;
    object-fit: cover;
    border-radius: 1.3021vw;
    border:#7793F5 .2604vw solid;
}
.explore
{
    margin-left: 16.25%;
}
.explore__object-tags
{
    margin: .5208vw 0px;
    font-family: 'Montserrat Alternates';
    font-style: normal;
    font-weight: 400;
    font-size: 1.875vw;
    line-height: 2.2917vw;
    opacity: 0.5;
    letter-spacing: -0.06em;
    margin-left: 1.0417vw;
    color: #FFFFFF;
}
.explore__object-link
{
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: .5208vw;
    gap: .5208vw;
    width: 26.8229vw;
    height: 3.3854vw;
    background: rgba(7, 7, 7, 0.3);
    border: .2604vw solid #7793F5;
    backdrop-filter: blur(2px);
    border-radius: 1.3021vw;
    font-family: 'Montserrat Alternates';
    font-style: normal;
    font-weight: 400;
    font-size: 1.875vw;
    line-height: 2.2917vw;
    letter-spacing: -0.06em;
    text-decoration-line: underline;
    transition: 0.5s;
    color: #FFFFFF;
}
.explore__object-link:hover
{
    background-color:#7793F5;
    transform: scale(1.05);
    box-shadow: .1042vw .1042vw 10px#232323;
    text-decoration-line: none;
    transition-timing-function: ease-in-out;
    transition: 0.3s;
}
.explore__search
{
    width: 18.3333vw;
    height: min-content;
    border: .2604vw solid #7793F5;
    padding: 1.0417vw;
    padding-right: 1.3021vw;
    margin-top: 2.6042vw;
    border-radius: 1.3021vw;
    margin-left: 1.3021vw;
    margin-bottom: 0px;
}
.explore__search-headline
{
    font-family: regular;
    font-weight: 400;
    font-size: 1.875vw;
    line-height: 2.2917vw;
    letter-spacing: -0.06em;
    text-decoration-line: underline;

    color: #FFFFFF;
}
.text-input
{
    background: #FFFFFF;
    border-radius: .5208vw;
    width: 17.9688vw;
    height: 2.2396vw;
    margin-top: .5208vw;
    padding-left: .5208vw;
    font-family: extralight;
    font-weight: 400;
    font-size: 1.25vw;
    line-height: 1.5104vw;
    letter-spacing: -0.06em;

    color: #7793F5;
}
::placeholder
{
    padding-left: 0px;
    font-family: extralight;
    font-weight: 400;
    font-size: 1.25vw;
    line-height: 1.5104vw;
    letter-spacing: -0.06em;

    color: #7793F5;
}
.explore__search-list
{
    margin-top: .7813vw;
}
.explore__search-list ul
{
    margin-top: 1.5625vw;
    display: flex;
    flex-direction: column;
    gap: .4167vw;
    list-style: none;
    position: none;
    grid-auto-flow: none;
    align-items: flex-start;
    padding-left: .5208vw;
    margin-bottom: 0px;
}
.explore__search-list a
{
    font-family: regular;
    font-weight: 400;
    font-size: 1.25vw;
    line-height: 1.5104vw;
    letter-spacing: -0.06em;
    text-decoration: none;
    color: #FFFFFF;
}
.explore__search-list li
{
    height: 1.5625vw;
}

/*PROFILE*/

.profile__body
{
    background-image:url(../images/profile2.png);
}
.profile__container
{
    margin-top: 2.6042vw;
    display: flex;
    margin-left: 16.25vw;
}
.profile__container-left
{
    display: flex;
    flex-direction: column;
    margin-right: 1.3021vw;
}
.profile__picture
{
    width: 15.3646vw;
    height: 34.6354vw;
    border: .2604vw solid #7793F5;
    border-radius: 1.3021vw;
    object-fit: cover;
}
.profile__info
{
    margin-top: 1.0417vw;
    width: 15.3646vw;
    background: rgba(7, 7, 7, 0.3);
    border: .2604vw solid #7793F5;
    backdrop-filter: blur(100px);
    border-radius: 1.3021vw;
}
.profile__list
{
    list-style-type: none;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding-left: 1.1979vw;
    margin-bottom: .6771vw;
}
.profile__list-element
{
    font-family: regular;
    font-weight: 400;
    font-size: 1.25vw;
    line-height: 1.5104vw;
    letter-spacing: -0.06em;
    color: #FFFFFF;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding: 0px;
    
    width: 11.4583vw;
    height: 2.7083vw;
    list-style: none;
    margin-top: 0px;
    position: static;
    grid-auto-flow: none;
    align-items: center;
    gap: 2.0833vw;
    padding-left: 0px;
    padding-inline-start: 0px;
}
.profile__name
{
    font-family: regular;
    font-weight: 400;
    font-size: 3.3333vw;
    line-height: 100%;
    letter-spacing: -0.065em;
    text-decoration-line: underline;
    color: #FFFFFF;
    margin-top: 0vw;
    margin-bottom: .5208vw;
}
.profile__location
{
    font-family: extralight;
    font-size: 1.875vw;
    line-height: 2.2917vw;
    letter-spacing: -0.06em;
    color: #FFFFFF;
    margin-top: 0vw;
    margin-bottom: .625vw;
}
.profile__time
{
    font-family: extralight;
    font-weight: 275;
    font-size: 1.25vw;
    line-height: 1.5104vw;
    letter-spacing: -0.06em;
    color: #FFFFFF;
    margin-top: 0px;
    margin-bottom: 1.0417vw;
}
.profile__sponsor
{
    width: 16.1458vw;
    height: 3.9063vw;
    background: #7793F5;
    border-radius: .7813vw;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    margin: 0px;
    padding: 0px;
}
.profile__flex-button
{
    display: flex;
    flex-direction: row;
    gap: 1.3021vw;
    align-items: center;
    height: 3.9063vw;
}
.profile__flex-badges
{
    display: flex;
    flex-direction: row;
    gap: 1.3021vw;
    margin-top: 1.3021vw;
}
.profile__badge
{
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: .5208vw 1.5625vw;
    gap: .2604vw;
    border-radius: 1.3021vw;
    background: #FFFFFF;
    font-family: extralight;
    font-weight: 400;
    font-size: 1.25vw;
    line-height: 1.5104vw;
    letter-spacing: -0.06em;
    color: #7793F5;
}
.honor
{
    background-color:#232323;
    color: white;
    padding: .5208vw 1.0417vw;
    box-shadow: -0.2604vw -0.2604vw 20px #7793F5, .2604vw .2604vw 20px #7793F5;
}
.profile__explore
{
    width: 100%;
    margin: 0px;
    margin-top: 1.0417vw;
    padding-bottom: 0px;
    border-radius: 1.3021vw;
}
.profile__work-row1, .profile__work-row2
{
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 1.0417vw .7813vw;
    padding-left: .3646vw;
    gap: .2604vw;
}
.profile__work-row2
{
    padding-bottom: 1.8229vw;
    padding-top: 0px;
}
.profile__work-container
{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: .7813vw 0px 0px 1.0417vw;
    gap: .7813vw;
}
.profile__work-pic-container
{
    display: flex;
    width: 14.7917vw;
}
.profile__work-back
{
    position: relative;
    filter: blur(6px);
    width: 13.6458vw;
    height: 8.8542vw;
    border-radius: .7813vw;
}
.profile__work-picture
{
    position: absolute;
    margin-top: 0.5vh;
    margin-left: 0.5vh;
    width: 13.5417vw;
    height: 8.8542vw;
    border: .2604vw solid #7793F5;
    border-radius: .7813vw; 
    transition: 0.5s;  
}
a.profile__work-picture
{
    border: none;
}
.profile__work-picture:hover
{
    margin-top: 0px;
    margin-left: 0px;
    transition: 0.3s;
}
.profile__work-title
{
    font-family: regular;
    font-weight: 400;
    font-size: 1.25vw;
    line-height: 2.2917vw;
    text-align: center;
    letter-spacing: -0.06em;
    text-decoration-line: underline;

    color: #FFFFFF;
    margin-top: .5208vw;
    margin-bottom: 0px;
}

/*ONE PAGE*/

.onepage
{
    height: 100%;
    display: flex;
    justify-content: center;
}
.onepage__container
{
    display: flex;
    flex-direction: column;
    background: rgba(7, 7, 7, 0.3);
    border: .2604vw solid #7793F5;
    backdrop-filter: blur(100px);
    border-radius: 1.3021vw;
    padding: 2.6042vw 5.7292vw;
    margin-top: 2.6042vw;
}
.onepage__outer-flex
{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 100%;
}
.onepage__flex-left, .onepage__flex-right
{
    display: flex;
    flex-direction: column;
}
.onepage__flex-right
{
    gap: 1.3021vw;
}
.onepage__headline
{
    text-align: left;
    width: auto;
    margin: 0px;
    margin-bottom: 1.0417vw;
}
.onepage__name
{
    font-family: regular;
    font-weight: 400;
    font-size: 1.875vw;
    line-height: 2.2917vw;
    margin: 0px;
    margin-bottom: .5208vw;
    letter-spacing: -0.06em;

    color: #FFFFFF;
}
.onepage__description
{
    font-family: extralight;
    font-size: 1.6667vw;
    line-height: 2.0313vw;
    letter-spacing: -0.06em;
    margin: 0px;
    width: 38.8542vw;
    color: #FFFFFF;
    margin-bottom: 1.5625vw;
}
.onepage__image
{
    width: 56.0417vw;
    height: auto;
    object-fit: cover;
}
.onepage__buttons-flex
{
    display: flex;
    flex-direction: row;
    margin-top: 2.6042vw;
    gap: 1.3021vw;
    justify-content: center;
}
.onepage__button
{
    margin: 0px;
    height: 2.0833vw;
    font-size: 1.25vw;
    line-height: 1.5104vw;
    background: transparent;
    display: flex;
    gap: .5208vw;
    align-items: center;
}
.onepage__button img
{
    width: 2.0833vw;
}