From 44cd5028c816c200143a3340aa4b45a89ff633c1 Mon Sep 17 00:00:00 2001 From: FURK4NGG <105324908+FURK4NGG@users.noreply.github.com> Date: Mon, 10 Mar 2025 01:19:12 +0300 Subject: [PATCH] Update 1.css --- CSS/1.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/CSS/1.css b/CSS/1.css index c278c87..415a7a1 100644 --- a/CSS/1.css +++ b/CSS/1.css @@ -1,4 +1,4 @@ -@font-face{font-family:'Montserrat';src:url('/FONTS/Montserrat.woff2')format('woff2');font-style:normal;}@font-face {font-family: 'Jaro'; src: url('/FONTS/Jaro.woff2') format('woff2'); font-style: normal;} @font-face {font-family: 'Monomakh'; src: url('/FONTS/Monomakh.woff2') format('woff2'); font-style: normal;} @font-face {font-family: 'Tac One'; src: url('/FONTS/TacOne.woff2') format('woff2'); font-style: normal;} @font-face {font-family: 'Teko'; src: url('/FONTS/Teko.woff2') format('woff2'); font-style: normal;}.word{transition:color 0.5s;display:inline-block;margin-right:.5rem}#ref{font-size:1.6rem;padding:1em;object-fit:contain}#ref_div{font-family:'Teko',sans-serif;display:flex;justify-content:center;align-items:center;object-fit:contain;overflow-x:hidden}#body_index{align-items:center;width:100%;height:100%;min-height:100vh;background:var(--bg);overflow-y:hidden}.loading_page{z-index:999999999;position:fixed;top:0;left:0;background:linear-gradient(to right,#B3E2A7,#80B9AD,#0f2027);height:100%;width:100%;display:flex;flex-direction:column;gap:1.5rem;align-items:center;justify-content:center;color:#191654}#svg{height:150px;width:150px;stroke:#fff;fill-opacity:0;stroke-width:3px;stroke-dasharray:4500;animation:draw 8s ease}@keyframes draw{0%{stroke-dashoffset:4500}100%{stroke-dashoffset:0}}.name_container{height:30px;width:wrap;overflow:hidden}.logo_name{-webkit-user-select:none!important;font-family:'Teko',sans-serif;font-weight:590;font-style:normal;text-decoration:none;color:var(--white);font-size:20px;letter-spacing:12px;text-transform:uppercase}*{--primary:#0C0C0C;--secondary:#75A47F;--third:#4F6F52;--white:#ffffff;--black1:#000000;--black2:#31363F;--black3:#222831;--darkblue1:#141942;--bg:#F8F6E3;--bej:#EEEBD2;--darkgreen:#9DBC98;--opengreen:#D9EDBF;--green2:#94bf73;--color-1:#F8F6E3;--text-color:#f0f0f0;accent-color:#4F6F52;--grey:#F0EBE3;--grey2:#b1a7a6;cursor:none;margin:0;padding:0;box-sizing:border-box}.darkmode--activated{#photo{background:none;box-shadow:none}.profile_photo,.character_photo1,.character_photo2,.character_photo3{border: 6px double white}.text_greeting_1{color:var(--white)}.container_filter{z-index:10;background-color:rgb(0 0 0 / .4)}.container_0 .h1{color:var(--white)}.marquee-text::before{background:linear-gradient(to right,#07091C,transparent)}.marquee-text::after{background:linear-gradient(to left,#07091C,transparent)}.marquee-text p{-webkit-text-stroke:.8px var(--white)}.center-text{color:var(--primary)}.services_id{background-color:var(--darkblue1);color:var(--3white);box-shadow:none}.main_a svg,.svg_icon_open,.svg_icon_close{fill:var(--white)}.home_scroll_box label{fill: var(--white)}.home_scroll_box{border: 1.6px solid var(--white)}.img_filter{background-color:rgb(0 0 0 / .5);width:100%;height:100%}.swiper-button-prev svg path,.swiper-button-next svg path{fill:var(--white)!important}.tranding-slider-control .swiper-pagination .swiper-pagination-bullet{background-color:azure;filter:none;transition:background-color 1s ease-in-out}.tranding-slider-control .swiper-pagination .swiper-pagination-bullet-active{background:var(--3white);box-shadow:0 0 30px .5px #fff}}.darkmode-toggle{-webkit-user-select:none!important;color:var(--white);z-index:999999}.darkmode-toggle:hover{cursor:none}.darkmode-toggle.darkmode-toggle--white:hover{cursor:none}::-webkit-scrollbar{width:11px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--opengreen)}::-webkit-scrollbar-thumb:hover{background:var(--darkgreen)}::selection{background-color:var(--primary);;color:var(--bg)}::-moz-selection{background-color:var(--bg);color:var(--primary)}#photo::selection{background-color:#fff0;color:#fff0;-webkit-user-select:none!important}#photo_gallery::selection{background-color:#fff0;color:#fff0;-webkit-user-select:none!important}.img_filter{background:linear-gradient(180deg,#fff00%,rgb(0 0 0 / .61)100%);width:100%;height:100%}.circle{height:18px;width:18px;border-radius:24px;background-color:var(--black1);position:fixed;top:0;left:0;pointer-events:none}#circle_1{z-index:99999999;box-shadow:0 4px 6px rgb(0 0 0 / .5)}#circle_2{z-index:99999998}#circle_3{z-index:99999997}#circle_4{z-index:99999996}#circle_5{z-index:99999995}#circle_6{z-index:99999994}#circle_7{z-index:99999993}#circle_8{z-index:99999992}#circle_9{z-index:99999991}#circle_10{z-index:99999990}#circle_11{z-index:99999989}#circle_12{z-index:99999988}#circle_13{z-index:99999987}#circle_14{z-index:99999986}#circle_15{z-index:99999985}#circle_16{z-index:99999984}#circle_17{z-index:99999983}#circle_18{z-index:99999982}#circle_19{z-index:99999981}#circle_20{z-index:99999980}html{min-width:310px;overflow-x:hidden}html,body{height:100%;background-attachment:fixed;background-repeat:repeat;background-size:cover}.text_greeting_1{order:0;object-fit:cover;font-family:'Teko',sans-serif;padding-right:17px;font-weight:550;color:var(--black2);transition:color 2s ease-in-out}.text_greeting_2{order:1;text-align:left;font-family:'Teko',sans-serif;font-weight:570;color:var(--secondary)}.home_scroll{margin:22dvh auto 0;width:max-content}.home_scroll_box{display:grid;place-items:center;overflow:hidden;border-radius:30px;width:4.1rem;height:5.5rem;font-size:.1rem;transition:border 1s ease-in-out;float:right;border:2px solid #31363F;background-color:#fff0;text-align:center;}.home_scroll_text{display:none}.home_scroll_box label{fill: var(--black2);animation:scroll_down 3s infinite;transition:fill 1s ease-in-out}@keyframes scroll_down{0%{transform:translateY(-1rem);opacity:0}50%{transform:translateY(0);opacity:1}100%{transform:translateY(.6rem);opacity:0}}.h1{font-family:'Teko',sans-serif;font-weight:600;color:var(--black2)}.h1 span{font-family:"Tac One",sans-serif;font-weight:400;font-style:normal;color:var(--secondary);position:relative}.h1 span::before{content:"";height:45px;width:2px;position:absolute;top:50%;right:-8px;background:var(--third);;transform:translateY(-45%);animation:blink 0.7s infinite}.h1 span.stop-blinking::before{animation:none}@keyframes blink{50%{opacity:0}}.top{height:100dvh!important;display:flex;flex-direction:column}#outone{height:100%;display:flex;align-items:center}#first{padding:0 3vh 0;display:flex;flex-direction:column;height:auto;width:100%;align-items:center;text-align:left;letter-spacing:.5px;box-sizing: border-box}#first_{-webkit-user-select:none!important;text-align:center;flex-wrap:wrap;flex-direction:column;z-index:2}#container_0{font-size:3.5rem;margin:0 auto 0;width:wrap;display:flex;justify-content:center;overflow:hidden;flex-wrap:wrap}.container_0{font-size:2rem;width:wrap;display:flex;align-items:flex-start;white-space:nowrap;padding-right:24rem;overflow:hidden;flex-direction:row;flex-wrap:wrap}.container_0 .h1{transition:color 2s ease-in-out;font-weight:560;position:absolute}#container_1{display:flex;flex-wrap:wrap;flex-direction:column;color:var(--primary);min-width:100%;min-height:100%;background-color:var(--bg)}#container_2{display:flex;flex-wrap:wrap;flex-direction:column;color:var(--primary);font-family:'Teko',sans-serif;max-width:100%;background-color:var(--bg);padding:0 1vh 0}#container_not_found_page{object-fit:cover;display:flex;width:100%;height:100%;max-height:100vh;flex-direction:column;background-color:var(--bg);color:var(--primary);font-family:'Teko',sans-serif;overflow-x:hidden}header{width:100%;height 100%;padding-top:7vh;color:var(--white);background-color:var(--bg);letter-spacing:1px}#container_3{font-size:3.5rem;margin:0 auto 0;width:wrap;display:flex;justify-content:center;overflow:hidden;flex-wrap:wrap;height:5vh}#container_4{padding-top:1.38rem;color:dimgray;font-family:'Teko',sans-serif;-webkit-user-select:none!important;position:absolute;transform:rotate(-90deg);transform-origin:left top;left:0;bottom:4%}#container_4 h2{font-weight:500}.check_btn{float:right;display:none;font-size:30px;color:var(--black1);float:right;line-height:100px;margin-right:40px;cursor:pointer}#check{display:none}#icon{width:30px}.menu{-webkit-user-select:none!important;font-family:'Teko',sans-serif;font-size:clamp(3.4rem,5vh,6.5rem);text-decoration:none;color:var(--black1)}.menu{background:linear-gradient(currentColor 0 0) bottom /var(--d,0) 2px no-repeat;transition:0.3s}.menu_2{font-family:'Teko',sans-serif;font-size:35px;text-decoration:none;color:var(--black1)}#toskills{text-align:center}#togallery{text-align:center}#toservices{text-align:center}#tocontact{text-align:center}#toskills:hover{--d:65%}#toskills:active{--d:65%}#togallery:hover{--d:70%}#togallery:active{--d:70%}#toservices:hover{--d:73%}#toservices:active{--d:73%}#tocontact:hover{--d:70%}#tocontact:active{--d:70%} .center-text{text-align: center;position: absolute;font-family: 'Teko',sans-serif;align-items: center;display: flex;height: 100%;font-size: 6rem;}#services{margin: 4rem 0 7rem}#services_ { +@font-face{font-family:'Montserrat';src:url('/FONTS/Montserrat.woff2')format('woff2');font-style:normal;}@font-face {font-family: 'Jaro'; src: url('/FONTS/Jaro.woff2') format('woff2'); font-style: normal;} @font-face {font-family: 'Monomakh'; src: url('/FONTS/Monomakh.woff2') format('woff2'); font-style: normal;} @font-face {font-family: 'Tac One'; src: url('/FONTS/TacOne.woff2') format('woff2'); font-style: normal;} @font-face {font-family: 'Teko'; src: url('/FONTS/Teko.woff2') format('woff2'); font-style: normal;}.word{transition:color 0.5s;display:inline-block;margin-right:.5rem}#ref{font-size:1.6rem;padding:1em;object-fit:contain}#ref_div{font-family:'Teko',sans-serif;display:flex;justify-content:center;align-items:center;object-fit:contain;overflow-x:hidden}#body_index{align-items:center;width:100%;height:100%;min-height:100vh;background:var(--bg);overflow-y:hidden}.loading_page{z-index:999999999;position:fixed;top:0;left:0;background:linear-gradient(to right,#B3E2A7,#80B9AD,#0f2027);height:100%;width:100%;display:flex;flex-direction:column;gap:1.5rem;align-items:center;justify-content:center;color:#191654}#svg{height:150px;width:150px;stroke:#fff;fill-opacity:0;stroke-width:3px;stroke-dasharray:4500;animation:draw 8s ease}@keyframes draw{0%{stroke-dashoffset:4500}100%{stroke-dashoffset:0}}.name_container{height:30px;width:wrap;overflow:hidden}.logo_name{-webkit-user-select:none!important;font-family:'Teko',sans-serif;font-weight:590;font-style:normal;text-decoration:none;color:var(--white);font-size:20px;letter-spacing:12px;text-transform:uppercase}*{--primary:#0C0C0C;--secondary:#75A47F;--third:#4F6F52;--white:#ffffff;--black1:#000000;--black2:#31363F;--black3:#222831;--darkblue1:#141942;--bg:#F8F6E3;--bej:#EEEBD2;--darkgreen:#9DBC98;--opengreen:#D9EDBF;--green2:#94bf73;--color-1:#F8F6E3;--text-color:#f0f0f0;accent-color:#4F6F52;--grey:#F0EBE3;--grey2:#b1a7a6;cursor:none;margin:0;padding:0;box-sizing:border-box}.darkmode--activated{#photo{background:none;box-shadow:none}.profile_photo,.character_photo1,.character_photo2,.character_photo3{border: 6px double white}.text_greeting_1{color:var(--white)}.container_filter{z-index:10;background-color:rgb(0 0 0 / .4)}.container_0 .h1{color:var(--white)}.marquee-text::before{background:linear-gradient(to right,#07091C,transparent)}.marquee-text::after{background:linear-gradient(to left,#07091C,transparent)}.marquee-text p{-webkit-text-stroke:.8px var(--white)}.card__data,.center-text{color:var(--primary)}.services_id{background-color:var(--darkblue1);color:var(--3white);box-shadow:none}.main_a svg,.svg_icon_open,.svg_icon_close{fill:var(--white)}.home_scroll_box label{fill: var(--white)}.home_scroll_box{border: 1.6px solid var(--white)}.img_filter{background-color:rgb(0 0 0 / .5);width:100%;height:100%}.swiper-button-prev svg path,.swiper-button-next svg path{fill:var(--white)!important}.tranding-slider-control .swiper-pagination .swiper-pagination-bullet{background-color:azure;filter:none;transition:background-color 1s ease-in-out}.tranding-slider-control .swiper-pagination .swiper-pagination-bullet-active{background:var(--3white);box-shadow:0 0 30px .5px #fff}}.darkmode-toggle{-webkit-user-select:none!important;color:var(--white);z-index:999999}.darkmode-toggle:hover{cursor:none}.darkmode-toggle.darkmode-toggle--white:hover{cursor:none}::-webkit-scrollbar{width:11px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--opengreen)}::-webkit-scrollbar-thumb:hover{background:var(--darkgreen)}::selection{background-color:var(--primary);;color:var(--bg)}::-moz-selection{background-color:var(--bg);color:var(--primary)}#photo::selection{background-color:#fff0;color:#fff0;-webkit-user-select:none!important}#photo_gallery::selection{background-color:#fff0;color:#fff0;-webkit-user-select:none!important}.img_filter{background:linear-gradient(180deg,#fff00%,rgb(0 0 0 / .61)100%);width:100%;height:100%}.circle{height:18px;width:18px;border-radius:24px;background-color:var(--black1);position:fixed;top:0;left:0;pointer-events:none}#circle_1{z-index:99999999;box-shadow:0 4px 6px rgb(0 0 0 / .5)}#circle_2{z-index:99999998}#circle_3{z-index:99999997}#circle_4{z-index:99999996}#circle_5{z-index:99999995}#circle_6{z-index:99999994}#circle_7{z-index:99999993}#circle_8{z-index:99999992}#circle_9{z-index:99999991}#circle_10{z-index:99999990}#circle_11{z-index:99999989}#circle_12{z-index:99999988}#circle_13{z-index:99999987}#circle_14{z-index:99999986}#circle_15{z-index:99999985}#circle_16{z-index:99999984}#circle_17{z-index:99999983}#circle_18{z-index:99999982}#circle_19{z-index:99999981}#circle_20{z-index:99999980}html{min-width:310px;overflow-x:hidden}html,body{height:100%;background-attachment:fixed;background-repeat:repeat;background-size:cover}.text_greeting_1{order:0;object-fit:cover;font-family:'Teko',sans-serif;padding-right:17px;font-weight:550;color:var(--black2);transition:color 2s ease-in-out}.text_greeting_2{order:1;text-align:left;font-family:'Teko',sans-serif;font-weight:570;color:var(--secondary)}.home_scroll{margin:22dvh auto 0;width:max-content}.home_scroll_box{display:grid;place-items:center;overflow:hidden;border-radius:30px;width:4.1rem;height:5.5rem;font-size:.1rem;transition:border 1s ease-in-out;float:right;border:2px solid #31363F;background-color:#fff0;text-align:center;}.home_scroll_text{display:none}.home_scroll_box label{fill: var(--black2);animation:scroll_down 3s infinite;transition:fill 1s ease-in-out}@keyframes scroll_down{0%{transform:translateY(-1rem);opacity:0}50%{transform:translateY(0);opacity:1}100%{transform:translateY(.6rem);opacity:0}}.h1{font-family:'Teko',sans-serif;font-weight:600;color:var(--black2)}.h1 span{font-family:"Tac One",sans-serif;font-weight:400;font-style:normal;color:var(--secondary);position:relative}.h1 span::before{content:"";height:45px;width:2px;position:absolute;top:50%;right:-8px;background:var(--third);;transform:translateY(-45%);animation:blink 0.7s infinite}.h1 span.stop-blinking::before{animation:none}@keyframes blink{50%{opacity:0}}.top{height:100dvh!important;display:flex;flex-direction:column}#outone{height:100%;display:flex;align-items:center}#first{padding:0 3vh 0;display:flex;flex-direction:column;height:auto;width:100%;align-items:center;text-align:left;letter-spacing:.5px;box-sizing: border-box}#first_{-webkit-user-select:none!important;text-align:center;flex-wrap:wrap;flex-direction:column;z-index:2}#container_0{font-size:3.5rem;margin:0 auto 0;width:wrap;display:flex;justify-content:center;overflow:hidden;flex-wrap:wrap}.container_0{font-size:2rem;width:wrap;display:flex;align-items:flex-start;white-space:nowrap;padding-right:24rem;overflow:hidden;flex-direction:row;flex-wrap:wrap}.container_0 .h1{transition:color 2s ease-in-out;font-weight:560;position:absolute}#container_1{display:flex;flex-wrap:wrap;flex-direction:column;color:var(--primary);min-width:100%;min-height:100%;background-color:var(--bg)}#container_2{display:flex;flex-wrap:wrap;flex-direction:column;color:var(--primary);font-family:'Teko',sans-serif;max-width:100%;background-color:var(--bg);padding:0 1vh 0}#container_not_found_page{object-fit:cover;display:flex;width:100%;height:100%;max-height:100vh;flex-direction:column;background-color:var(--bg);color:var(--primary);font-family:'Teko',sans-serif;overflow-x:hidden}header{width:100%;height 100%;padding-top:7vh;color:var(--white);background-color:var(--bg);letter-spacing:1px}#container_3{font-size:3.5rem;margin:0 auto 0;width:wrap;display:flex;justify-content:center;overflow:hidden;flex-wrap:wrap;height:5vh}#container_4{padding-top:1.38rem;color:dimgray;font-family:'Teko',sans-serif;-webkit-user-select:none!important;position:absolute;transform:rotate(-90deg);transform-origin:left top;left:0;bottom:4%}#container_4 h2{font-weight:500}.check_btn{float:right;display:none;font-size:30px;color:var(--black1);float:right;line-height:100px;margin-right:40px;cursor:pointer}#check{display:none}#icon{width:30px}.menu{-webkit-user-select:none!important;font-family:'Teko',sans-serif;font-size:clamp(3.4rem,5vh,6.5rem);text-decoration:none;color:var(--black1)}.menu{background:linear-gradient(currentColor 0 0) bottom /var(--d,0) 2px no-repeat;transition:0.3s}.menu_2{font-family:'Teko',sans-serif;font-size:35px;text-decoration:none;color:var(--black1)}#toskills{text-align:center}#togallery{text-align:center}#toservices{text-align:center}#tocontact{text-align:center}#toskills:hover{--d:65%}#toskills:active{--d:65%}#togallery:hover{--d:70%}#togallery:active{--d:70%}#toservices:hover{--d:73%}#toservices:active{--d:73%}#tocontact:hover{--d:70%}#tocontact:active{--d:70%} .center-text{text-align: center;position: absolute;font-family: 'Teko',sans-serif;align-items: center;display: flex;height: 100%;font-size: 6rem;}#services{margin: 4rem 0 7rem}#services_ { display: flex; justify-content: center; align-items: center;