name surname
имя фамилия
name surname
возраст
город, страна
ориентация

профессия
ваш тип
связь
Maruv - Drunk Groove
Задача организации, в особенности же дальнейшее развитие различных форм деятельности способствует подготовки и реализации направлений прогрессивного развития. Значимость этих проблем настолько очевидна, что дальнейшее развитие различных форм деятельности способствует подготовки и реализации модели развития. Идейные соображения высшего порядка, а также сложившаяся структура организации требуют от нас анализа направлений прогрессивного развития. Задача организации, в особенности же дальнейшее развитие различных форм деятельности способствует подготовки и реализации направлений прогрессивного развития. Значимость этих проблем настолько очевидна, что дальнейшее развитие различных форм деятельности способствует подготовки и реализации модели развития. Идейные соображения высшего порядка, а также сложившаяся структура организации требуют от нас анализа направлений прогрессивного развития.
<!--HTML-->
<style>
.form__main {
display: block;
width: 600px;
margin: 1px auto 1px auto!important;
height: auto;
border-radius: 10px;
padding-bottom: 30px;
background: var(--a-color-1);
box-shadow: inset 0 0 0px 1px #ffffffb0, inset 0 0 20px 3px #bea581c2, inset 0 0 0px 1px #ffffff91, 0 0 0 1px #bfad8c;
background-image: url(https://i.imgur.com/y3CbEOO.jpg);
background-size: 100%;
background-repeat: no-repeat;
}
.names__box {
display: block;
width: 100%;
padding: 1em;
box-sizing: border-box;
text-align: center;
color: #7f7154;
}
.face {
display: flex;
justify-content: center;
}
.face:before {
content: 'fc: \0020';
font-weight: bold;
position: relative;
top: 1px;
padding: 0 0.4em 0 0;
}
.face p {
font-size: 10px !important;
text-transform: lowercase !important;
}
.cyrillic__name p {
font-size: 11px !important;
}
.personal__name, .cyrillic__name {
display: block;
}
.personal__name p, .cyrillic__name p, .face p {
font-size: 16px;
text-transform: uppercase;
letter-spacing: 0.4px !important;
font-family: var(--themes-h-font) !important;
}
.personal__name p, .cyrillic__name p, .face p, .punkt p, .song p {
padding: 0 !important;
}
.form__header {
width: 90%;
position: relative;
display: flex;
justify-content: center;
margin: 0 auto 2em auto !important;
}
.basic__info {
display: block;
width: 30%;
margin: 2em 0 0 0 !important;
}
.personal__photo {
display: block;
width: 34%;
text-align: center;
}
.personal__photo img {
margin: 0 !important;
width: 140px;
border-radius: 80px;
height: 140px;
object-fit: cover;
opacity: 0.8;
filter: grayscale(1);
mix-blend-mode: luminosity;
}
.img__filter {
margin: auto auto !important;
width: 140px;
height: 140px;
border-radius: 80px;
background-color: #fff4df;
box-shadow: inset 0 0 15px 4px #fff3da, inset 0 0 15px 6px #ffe9bc, inset 0 0 20px 20px #fff7e6, 0 0 0px 1px #fff3d5b3, 0 0 0px 2px #c7af82d1;
}
.punkt {
margin: 0.8em 0 0 0 !important;
padding: 0.1em 0.6em 0.1em 0.6em;
display: flex;
box-sizing: border-box;
border-radius: 15px;
text-align: left;
color: #ffffff;
text-transform: lowercase;
text-shadow: 0 0 2px #8b7956;
background: linear-gradient(45deg, #cab895, #eadfc6);
box-shadow: inset 0 0 0 1px #fff1d1, inset 0 0 5px #fff7e4, 0 0 0px 1px #ae9e7a5c;
}
.punkt:before {
content: "✦";
font-size: 7px;
padding-right: 4px;
}
.your__song {
display: flex;
width: 100%;
justify-content: center;
margin: 0 0 2em 0 !important;
}
.your__song:before {
content: "\e038";
font-size: 16px;
font-family: 'Material Icons';
background: -webkit-linear-gradient(45deg, #ffffff, #ffffff);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
position: relative;
top: 1px;
left: -5px;
}
.song {
background: #cfbe9c;
text-align: center;
text-transform: lowercase;
padding: 2px 10px 2px 10px;
border-radius: 20px;
font-family: monospace !important;
color: #ffffff;
}
.song p {
font-family: monospace !important;
}
.form__info {
display: block;
width: 80%;
height: 18em;
padding: 0px 10px 10px 10px;
margin: auto auto !important;
box-sizing: border-box;
background: #fff;
box-shadow: inset 0 0 0 1px #fff1d1, inset 0 0 13px #e8e2d6ab, 0 0 0px 1px #ae9e7a5c;
}
.form__info:before {
content: '\e87d';
font-size: 20px;
font-family: 'Material Icons';
color: #ffffff;
background: linear-gradient(45deg, #e7dcc2, #cebd9c);
display: flex;
padding: 5px 0px 5px 10px;
margin: 0px 0px 10px -10px !important;
width: 470px;
}
.info__scroll {
height: 14em;
overflow-y: auto;
overflow-x: hidden;
padding: 0 1em 1em 1em;
box-sizing: border-box;
}
.personal__form {
display: block;
width: 90%;
margin: 4em auto 0 auto !important;
padding: 8px 10px 8px 10px;
background: #fff;
box-shadow: inset 0 0 0 1px #fff1d1, inset 0 0 13px #e8e2d6ab, 0 0 0px 1px #ae9e7a5c;
text-align: justify;
font-size: 11.5px;
overflow: auto;
border-radius: 10px;
}
.personal__form:before {
content: "let's talk about it";
position: absolute;
overflow: hidden;
height: 23px;
margin: -32px 0 0 132px !important;
filter: blur(1px);
font-size: 26px;
color: #fff;
text-transform: uppercase;
letter-spacing: 0.8px;
text-shadow: 0 0 5px #ffffffc7;
font-family: var(--themes-h-font);
}
.additional__block {
width: 535px;
height: 240px;
display: block;
}
.personal__form p, .form__info p {
color: var(--basic-color-2);
}
.personal__form::-webkit-scrollbar-thumb, .info__scroll::-webkit-scrollbar-thumb { background-color: var(--basic-color-1); border-radius: 10px; }
.personal__form::-webkit-scrollbar-track, .info__scroll::-webkit-scrollbar-track { background: transparent; }
</style>


