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>