From d38f0c0418195f03243bfe60634f27afe743b758 Mon Sep 17 00:00:00 2001 From: FURK4NGG <105324908+FURK4NGG@users.noreply.github.com> Date: Sat, 5 Oct 2024 19:38:08 +0300 Subject: [PATCH] Update 1.css --- CSS/tr/1.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/CSS/tr/1.css b/CSS/tr/1.css index cff5581..e90607d 100644 --- a/CSS/tr/1.css +++ b/CSS/tr/1.css @@ -1 +1 @@ -@import url(https://fonts.googleapis.com/css2?family=Barlow+Condensed:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Inter:wght@100..900&family=Open+Sans:ital,wght@0,300..800;1,300..800&family=Tac+One&family=Teko&family=Whisper&display=swap);@import url(https://fonts.googleapis.com/css2?family=Barlow+Condensed:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Inter:wght@100..900&family=Open+Sans:ital,wght@0,300..800;1,300..800&family=Playfair+Display:ital,wght@0,400..900;1,400..900&family=Tac+One&family=Teko&family=Whisper&display=swap);@import url(https://fonts.googleapis.com/css2?family=Michroma&display=swap);@import url(https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap);@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap);.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{user-select:none!important;font-family:'Teko',sans-serif;font-weight:600;font-style:normal;text-decoration:none;color:var(--white);font-size:20px;letter-spacing:12px;text-transform:uppercase;font-weight:bolder}*{--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:#006aff;--grey:#F0EBE3;--grey2:#b1a7a6;cursor:none;margin:0;padding:0;box-sizing:border-box}.darkmode--activated{.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)}.services_id{background-color:var(--darkblue1);color:var(--3white)}.main_a svg,.svg_icon_open,.svg_icon_close{fill:var(--white)}.home_scroll_box label{fill:var(--black2)}.home_scroll_box{background-color:var(--3white)}.img_filter{background-color:rgb(0 0 0 / .5);width:100%;height:100%}.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{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;user-select:none!important}#photo_gallery::selection{background-color:#fff0;color:#fff0;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:600;color:var(--black2);transition:color 2s ease-in-out}.text_greeting_2{order:1;text-align:left;font-family:'Teko',sans-serif;font-weight:600;color:var(--secondary)}.home_scroll{display:block;width:max-content;margin:10vh auto}.home_scroll_box{border-radius:30%;background-color:var(--black2);width:6rem;height:6rem;display:grid;place-items:center;font-size:1rem;overflow:hidden;transition:background-color 1s ease-in-out}.home_scroll_text{display:none}.home_scroll_box label{fill:var(--white);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:100vh!important}#first{padding:0 3vh 0;display:flex;width:wrap;flex-direction:column;margin-top:10vh;padding-top:7%;height:auto;width:100%;align-items:center;text-align:left;letter-spacing:.5px}#first_{user-select:none!important;text-align:center;flex-wrap:wrap;flex-direction:column}#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:28rem;overflow:hidden;flex-direction:row;flex-wrap:wrap}.container_0 .h1{transition:color 2s ease-in-out;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}.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{user-select:none!important;font-family:'Teko',sans-serif;font-size:5.5vh;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}#tocontact{text-align:center}#toskills:hover{--d:77%}#toskills:active{--d:77%}#togallery:hover{--d:62%}#togallery:active{--d:62%}#toservices:hover{--d:74%}#toservices:active{--d:74%}#tocontact:hover{--d:71%}#tocontact:active{--d:71%}#services{padding-top:7vh}#services_{animation:fade-in linear;animation-timeline:view();animation-range-start:cover;animation-range-end:cover;margin:4vh 0 2vh;max-width:100%;width:wrap;height:auto;display:flex;outline:none;text-transform:uppercase;justify-content:center;align-items:center;flex-wrap:wrap;flex-direction:row;text-align:justify}.services_id{user-select:none!important;z-index:994;border-radius:4%;display:flex;margin:2vh 4vh 4vh;max-width:400px;height:50vh;font-size:7vh;text-align:center;justify-content:center;align-items:center;color:var(--primary);background-color:var(--bej);transition:background-color 0.60s ease-in-out;padding:0 3vh;width:calc(100% - 8vh)}main{font-family:"Inter",sans-serif;font-optical-sizing:auto;font-weight:;font-style:normal;font-variation-settings:"slnt" 0;margin:100px 60px 80px 60px;height:auto;width:auto}main_2{margin:80px 60px 80px 60px;height:auto;width:auto}#portfolio{display:flex;flex-grow:1;margin:100px 60px 80px}footer{margin:10px 90px 45px 90px;width:inherit;height:inherit}#footer_main{overflow:visible;display:flex;flex-wrap:wrap;align-items:center;text-align:center;justify-content:space-between;width:100%;height:100px}#cc{user-select:none!important;font-size:2.7vh;order:0;width:wrap;height:auto;color:var(--black2)}#socialmedia{display:flex;flex-direction:row;order:1;white-space:nowrap;height:wrap;width:wrap}.main_a svg{transform:scale(1.2);overflow:visible;flex:1;align-items:center;height:4vh;width:4vh;margin:0 7px 0;color:var(--black3);transition:fill 2s ease-in-out}.main_a{display:flex;justify-content:center;align-items:center;width:100%;height:100%;overflow:visible;flex-wrap:wrap;justify-content:center;align-items:center;transition:transform 0.5s ease-in-out}.to-top{user-select:none!important;box-shadow:0 0 10px rgb(0 0 0 / .5);background:var(--white);position:fixed;bottom:32px;right:15px;width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:32px;text-decoration:none;opacity:0;pointer-events:none;transition:all .4s}.to-top.active{z-index:995;bottom:32px;pointer-events:auto;opacity:1}.to-top img{height:10px;width:10px}.container78{max-width:100%;margin-top:5vh;align-items:flex-start;overflow:hidden;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;align-items:center;padding:20px}.container_filter{position:absolute;z-index:8;border-radius:12px;width:100%;height:100%}.profile_photo,.character_photo1,.character_photo2,.character_photo3{border: 6px double black;visibility: hidden;transition: visibility 0s, opacity 0.5s ease;opacity: 0;}.profile_photo.visible,.character_photo1.visible,.character_photo2.visible,.character_photo3.visible{visibility: visible;opacity: 1;}.profile_photo{position: absolute;z-index: 1;}.character_photo1,.character_photo2{position: absolute;}#photo{z-index:11;position:relative;overflow-x:hidden;box-sizing:border-box;max-width:59vh;max-height:148.68vh}.image-container{user-select:none!important;position:relative;margin-left:40px;margin-right:40px;border-radius:12px;flex:none;max-width:126vh;max-height:148.68vh;display:flex;justify-content:center;align-items:center}.image-container img{border-radius:12px;object-fit:cover;width:100%;z-index:9}.image{background:linear-gradient(180deg,#fff00%,rgb(0 0 0 / .61)100%),url(img/game.webp)no-repeat center/cover}.text_container{user-select:none!important;min-width:440px;box-sizing:border-box;flex:1;padding:40px;text-align:left}.text_container p{font-family:'Teko',sans-serif;font-size:4.536vh}.container78>.text_container{order:1}.container78>.image-container{order:0}#form_{padding:0 0 0}#form_text{user-select:none!important;font-size:25px;max-width:70%;margin:6vh 0 3vh;padding:0 2vh}.form_title{font-size:50px;padding-bottom:30px;text-shadow:3px 3px 0 #8A817C}textarea{user-select:none!important}.button-send{font-family:"Open Sans",sans-serif;font-size:16px;letter-spacing:2px;text-decoration:none;text-transform:uppercase;color:var(--black1);cursor:pointer;border:3px solid;padding:.25em .5em;box-shadow:1px 1px 0 0,2px 2px 0 0,3px 3px 0 0,4px 4px 0 0,5px 5px 0 0;position:relative;user-select:none;-webkit-user-select:none;touch-action:manipulation;margin-top:2vh}.button-send:hover{cursor:none}.button-send:active{cursor:none;box-shadow:0 0 0 0;top:5px;left:5px}#divides{display:flex;width:100%;height:3px;justify-content:center;align-items:center}.space{user-select:none!important;width:87%;height:3px;border-radius:10px;background-color:var(--primary)}#skills_{text-align:center;max-width:100%;margin-top:5.5rem;margin-bottom:6vh}#skills_>p{font-family:'Teko',sans-serif;font-size:6rem;color:var(--primary)}#skills{animation:fade-in linear;animation-timeline:view();animation-range-start:cover;animation-range-end:cover;width:auto;display:flex;flex-direction:row;float:left;flex-wrap:wrap;justify-content:center;width:100%;justify-content:center;align-items:center}#skills_id{user-select:none!important;max-width:100%;width:wrap;height:auto;display:flex;outline:none;text-transform:uppercase;justify-content:center;align-items:center;flex-wrap:wrap;flex-direction:column;text-align:justify;font-size:20px;font-family:"Barlow Condensed",sans-serif;font-weight:400;font-style:normal;box-sizing:border-box;margin-bottom:1vh;letter-spacing:2px;line-height:1.4}.text_title{user-select:none!important;text-align:center;font-family:'Teko',sans-serif;font-size:6rem;color:var(--primary);text-shadow:3px 3px 0 #8A817C}#text_skills{flex-wrap:wrap;padding-bottom:.5vh}@keyframes fadee-in{from{scale:.8;opacity:.4}to{scale:1;opacity:1}}.progress{background:#CCD3CA;justify-content:flex-start;border-radius:100px;align-items:center;position:relative;padding:0 1vh;display:flex;height:6.5vh;width:50vh;max-width:80%}#progress_value{box-shadow:0 10px 40px -10px #fff;border-radius:100px;background:var(--black3);height:4.7vh;width:0vh}@keyframes load_1{0%{width:0}100%{width:80%}}@keyframes load_2{0%{width:0}100%{width:85%}}@keyframes load_3{0%{width:0}100%{width:95%}}@keyframes load_4{0%{width:0}100%{width:60%}}@keyframes load_5{0%{width:0}100%{width:50%}}@keyframes load_6{0%{width:0}100%{width:40%}}@keyframes load_7{0%{width:0}100%{width:60%}}@keyframes load_8{0%{width:0}100%{width:40%}}@keyframes load_9{0%{width:0}100%{width:70%}}#main_404{margin-top:10rem;margin-bottom:8rem}.text_404{font-size:3.3rem}.text_404_info{font-size:2.6rem}.ref_404{font-size:2.6rem;color:var(--primary);text-decoration:none;transition:0.5s}.ref_404:hover{opacity:.4;transition:0.5s}.svg_icon_open,.svg_icon_close{fill:var(--black2);transition:fill 1s ease-in-out}nav{margin:0 auto 0;height:auto;width:92%;background-color:var(--bg);display:flex;overflow:hidden;justify-content:center}.links-container{height:100%;width:wrap;display:flex;flex-direction:row;align-items:center}nav a{height:100%;padding:0 20px;display:flex;align-items:center;text-decoration:none}nav .home-link{margin-right:auto}nav svg{fill:var(--text-color)}#sidebar-active{fill:var(--black1);display:none}.open-sidebar-button,.close-sidebar-button{display:none}.divide_1{margin-top:10vh}.divide_2{margin-bottom:4.5rem}.divide_3{margin-top:4.5rem}@media(max-width:1881px){nav{justify-content:center;align-items:center}.container78{flex-direction:column}.text_container{padding: 50px 10% 40px}.divide_1{margin-top:3vh}.darkmode--activated{.menu{color:#D9EDBF}}.menu{width:100%;justify-content:center}nav{height:wrap;width:100%;justify-content:center}header{height:150px;width:100%;display:grid;place-items:center}.image-container{width:80%;height:80%}#tocontact:hover{--d:0%}#tocontact:active{--d:0%}#toservices:hover{--d:0%}#toservices:active{--d:0%}#togallery:hover{--d:0%}#togallery:active{--d:0%}#toskills:hover{--d:0%}#toskills:active{--d:0%}.links-container{flex-direction:column;align-items:flex-start;position:fixed;top:0;right:-100%;z-index:999999;width:300px;background-color:rgb(255 255 255 / .15);backdrop-filter:blur(12px);box-shadow:-10px 0 10px rgb(0 0 0 / .1);transition:0.67s ease-out}nav a{box-sizing:border-box;height:auto;width:wrap;padding:20 30px;justify-content:flex-start;color:var(--black2)}.open-sidebar-button{display:block;position:absolute;right:10%}.close-sidebar-button{padding:3vh 0;display:block;width:100%;text-align:center}#sidebar-active:checked~.links-container{right:0}#sidebar-active:checked~#overlay{height:100%;width:100%;position:fixed;top:0;left:0;z-index:9}}@media only screen and (max-width:580px){.text_container{min-width:100px}}@media(max-width:524px){#footer_main{justify-content:center}}@media(max-width:410px){.sidebar{width:100%}} +@import url(https://fonts.googleapis.com/css2?family=Barlow+Condensed:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Inter:wght@100..900&family=Open+Sans:ital,wght@0,300..800;1,300..800&family=Tac+One&family=Teko&family=Whisper&display=swap);@import url(https://fonts.googleapis.com/css2?family=Barlow+Condensed:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Inter:wght@100..900&family=Open+Sans:ital,wght@0,300..800;1,300..800&family=Playfair+Display:ital,wght@0,400..900;1,400..900&family=Tac+One&family=Teko&family=Whisper&display=swap);@import url(https://fonts.googleapis.com/css2?family=Michroma&display=swap);@import url(https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap);@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap);.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{user-select:none!important;font-family:'Teko',sans-serif;font-weight:600;font-style:normal;text-decoration:none;color:var(--white);font-size:20px;letter-spacing:12px;text-transform:uppercase;font-weight:bolder}*{--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:#006aff;--grey:#F0EBE3;--grey2:#b1a7a6;cursor:none;margin:0;padding:0;box-sizing:border-box}.darkmode--activated{.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)}.services_id{background-color:var(--darkblue1);color:var(--3white)}.main_a svg,.svg_icon_open,.svg_icon_close{fill:var(--white)}.home_scroll_box label{fill:var(--black2)}.home_scroll_box{background-color:var(--3white)}.img_filter{background-color:rgb(0 0 0 / .5);width:100%;height:100%}.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{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;user-select:none!important}#photo_gallery::selection{background-color:#fff0;color:#fff0;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:600;color:var(--black2);transition:color 2s ease-in-out}.text_greeting_2{order:1;text-align:left;font-family:'Teko',sans-serif;font-weight:600;color:var(--secondary)}.home_scroll{display:block;width:max-content;margin:10vh auto}.home_scroll_box{border-radius:30%;background-color:var(--black2);width:6rem;height:6rem;display:grid;place-items:center;font-size:1rem;overflow:hidden;transition:background-color 1s ease-in-out}.home_scroll_text{display:none}.home_scroll_box label{fill:var(--white);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:100vh!important}#first{padding:0 3vh 0;display:flex;width:wrap;flex-direction:column;margin-top:10vh;padding-top:7%;height:auto;width:100%;align-items:center;text-align:left;letter-spacing:.5px}#first_{user-select:none!important;text-align:center;flex-wrap:wrap;flex-direction:column}#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:28rem;overflow:hidden;flex-direction:row;flex-wrap:wrap}.container_0 .h1{transition:color 2s ease-in-out;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}.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{user-select:none!important;font-family:'Teko',sans-serif;font-size:5.5vh;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}#tocontact{text-align:center}#toskills:hover{--d:77%}#toskills:active{--d:77%}#togallery:hover{--d:62%}#togallery:active{--d:62%}#toservices:hover{--d:74%}#toservices:active{--d:74%}#tocontact:hover{--d:71%}#tocontact:active{--d:71%}#services{padding-top:7vh}#services_{animation:fade-in linear;animation-timeline:view();animation-range-start:cover;animation-range-end:cover;margin:4vh 0 2vh;max-width:100%;width:wrap;height:auto;display:flex;outline:none;text-transform:uppercase;justify-content:center;align-items:center;flex-wrap:wrap;flex-direction:row;text-align:justify}.services_id{user-select:none!important;z-index:994;border-radius:4%;display:flex;margin:2vh 4vh 4vh;max-width:400px;height:50vh;font-size:7vh;text-align:center;justify-content:center;align-items:center;color:var(--primary);background-color:var(--bej);transition:background-color 0.60s ease-in-out;padding:0 3vh;width:calc(100% - 8vh)}main{font-family:"Inter",sans-serif;font-optical-sizing:auto;font-weight:;font-style:normal;font-variation-settings:"slnt" 0;margin:100px 60px 80px 60px;height:auto;width:auto}main_2{margin:80px 60px 80px 60px;height:auto;width:auto}#portfolio{display:flex;flex-grow:1;margin:100px 60px 80px}footer{margin:10px 90px 45px 90px;width:inherit;height:inherit}#footer_main{overflow:visible;display:flex;flex-wrap:wrap;align-items:center;text-align:center;justify-content:space-between;width:100%;height:100px}#cc{user-select:none!important;font-size:2.7vh;order:0;width:wrap;height:auto;color:var(--black2)}#socialmedia{display:flex;flex-direction:row;order:1;white-space:nowrap;height:wrap;width:wrap}.main_a svg{transform:scale(1.2);overflow:visible;flex:1;align-items:center;height:4vh;width:4vh;margin:0 7px 0;color:var(--black3);transition:fill 2s ease-in-out}.main_a{display:flex;justify-content:center;align-items:center;width:100%;height:100%;overflow:visible;flex-wrap:wrap;justify-content:center;align-items:center;transition:transform 0.5s ease-in-out}.to-top{user-select:none!important;box-shadow:0 0 10px rgb(0 0 0 / .5);background:var(--white);position:fixed;bottom:32px;right:15px;width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:32px;text-decoration:none;opacity:0;pointer-events:none;transition:all .4s}.to-top.active{z-index:995;bottom:32px;pointer-events:auto;opacity:1}.to-top img{height:10px;width:10px}.container78{max-width:100%;margin-top:5vh;align-items:flex-start;overflow:hidden;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;align-items:center;padding:20px}.container_filter{position:absolute;z-index:8;border-radius:12px;width:100%;height:100%}.profile_photo,.character_photo1,.character_photo2,.character_photo3{border: 6px double black;visibility: hidden;transition: visibility 1s, opacity 0.5s ease;opacity: 0;}.profile_photo.visible,.character_photo1.visible,.character_photo2.visible,.character_photo3.visible{visibility: visible;opacity: 1;}.profile_photo{position: absolute;z-index: 1;}.character_photo1,.character_photo2{position: absolute;}#photo{z-index:11;position:relative;overflow-x:hidden;box-sizing:border-box;max-width:59vh;max-height:148.68vh}.image-container{user-select:none!important;position:relative;margin-left:40px;margin-right:40px;border-radius:12px;flex:none;max-width:126vh;max-height:148.68vh;display:flex;justify-content:center;align-items:center}.image-container img{border-radius:12px;object-fit:cover;width:100%;z-index:9}.image{background:linear-gradient(180deg,#fff00%,rgb(0 0 0 / .61)100%),url(img/game.webp)no-repeat center/cover}.text_container{user-select:none!important;min-width:440px;box-sizing:border-box;flex:1;padding:40px;text-align:left}.text_container p{font-family:'Teko',sans-serif;font-size:4.536vh}.container78>.text_container{order:1}.container78>.image-container{order:0}#form_{padding:0 0 0}#form_text{user-select:none!important;font-size:25px;max-width:70%;margin:6vh 0 3vh;padding:0 2vh}.form_title{font-size:50px;padding-bottom:30px;text-shadow:3px 3px 0 #8A817C}textarea{user-select:none!important}.button-send{font-family:"Open Sans",sans-serif;font-size:16px;letter-spacing:2px;text-decoration:none;text-transform:uppercase;color:var(--black1);cursor:pointer;border:3px solid;padding:.25em .5em;box-shadow:1px 1px 0 0,2px 2px 0 0,3px 3px 0 0,4px 4px 0 0,5px 5px 0 0;position:relative;user-select:none;-webkit-user-select:none;touch-action:manipulation;margin-top:2vh}.button-send:hover{cursor:none}.button-send:active{cursor:none;box-shadow:0 0 0 0;top:5px;left:5px}#divides{display:flex;width:100%;height:3px;justify-content:center;align-items:center}.space{user-select:none!important;width:87%;height:3px;border-radius:10px;background-color:var(--primary)}#skills_{text-align:center;max-width:100%;margin-top:5.5rem;margin-bottom:6vh}#skills_>p{font-family:'Teko',sans-serif;font-size:6rem;color:var(--primary)}#skills{animation:fade-in linear;animation-timeline:view();animation-range-start:cover;animation-range-end:cover;width:auto;display:flex;flex-direction:row;float:left;flex-wrap:wrap;justify-content:center;width:100%;justify-content:center;align-items:center}#skills_id{user-select:none!important;max-width:100%;width:wrap;height:auto;display:flex;outline:none;text-transform:uppercase;justify-content:center;align-items:center;flex-wrap:wrap;flex-direction:column;text-align:justify;font-size:20px;font-family:"Barlow Condensed",sans-serif;font-weight:400;font-style:normal;box-sizing:border-box;margin-bottom:1vh;letter-spacing:2px;line-height:1.4}.text_title{user-select:none!important;text-align:center;font-family:'Teko',sans-serif;font-size:6rem;color:var(--primary);text-shadow:3px 3px 0 #8A817C}#text_skills{flex-wrap:wrap;padding-bottom:.5vh}@keyframes fadee-in{from{scale:.8;opacity:.4}to{scale:1;opacity:1}}.progress{background:#CCD3CA;justify-content:flex-start;border-radius:100px;align-items:center;position:relative;padding:0 1vh;display:flex;height:6.5vh;width:50vh;max-width:80%}#progress_value{box-shadow:0 10px 40px -10px #fff;border-radius:100px;background:var(--black3);height:4.7vh;width:0vh}@keyframes load_1{0%{width:0}100%{width:80%}}@keyframes load_2{0%{width:0}100%{width:85%}}@keyframes load_3{0%{width:0}100%{width:95%}}@keyframes load_4{0%{width:0}100%{width:60%}}@keyframes load_5{0%{width:0}100%{width:50%}}@keyframes load_6{0%{width:0}100%{width:40%}}@keyframes load_7{0%{width:0}100%{width:60%}}@keyframes load_8{0%{width:0}100%{width:40%}}@keyframes load_9{0%{width:0}100%{width:70%}}#main_404{margin-top:10rem;margin-bottom:8rem}.text_404{font-size:3.3rem}.text_404_info{font-size:2.6rem}.ref_404{font-size:2.6rem;color:var(--primary);text-decoration:none;transition:0.5s}.ref_404:hover{opacity:.4;transition:0.5s}.svg_icon_open,.svg_icon_close{fill:var(--black2);transition:fill 1s ease-in-out}nav{margin:0 auto 0;height:auto;width:92%;background-color:var(--bg);display:flex;overflow:hidden;justify-content:center}.links-container{height:100%;width:wrap;display:flex;flex-direction:row;align-items:center}nav a{height:100%;padding:0 20px;display:flex;align-items:center;text-decoration:none}nav .home-link{margin-right:auto}nav svg{fill:var(--text-color)}#sidebar-active{fill:var(--black1);display:none}.open-sidebar-button,.close-sidebar-button{display:none}.divide_1{margin-top:10vh}.divide_2{margin-bottom:4.5rem}.divide_3{margin-top:4.5rem}@media(max-width:1881px){nav{justify-content:center;align-items:center}.container78{flex-direction:column}.text_container{padding: 50px 10% 40px}.divide_1{margin-top:3vh}.darkmode--activated{.menu{color:#D9EDBF}}.menu{width:100%;justify-content:center}nav{height:wrap;width:100%;justify-content:center}header{height:150px;width:100%;display:grid;place-items:center}.image-container{width:80%;height:80%}#tocontact:hover{--d:0%}#tocontact:active{--d:0%}#toservices:hover{--d:0%}#toservices:active{--d:0%}#togallery:hover{--d:0%}#togallery:active{--d:0%}#toskills:hover{--d:0%}#toskills:active{--d:0%}.links-container{flex-direction:column;align-items:flex-start;position:fixed;top:0;right:-100%;z-index:999999;width:300px;background-color:rgb(255 255 255 / .15);backdrop-filter:blur(12px);box-shadow:-10px 0 10px rgb(0 0 0 / .1);transition:0.67s ease-out}nav a{box-sizing:border-box;height:auto;width:wrap;padding:20 30px;justify-content:flex-start;color:var(--black2)}.open-sidebar-button{display:block;position:absolute;right:10%}.close-sidebar-button{padding:3vh 0;display:block;width:100%;text-align:center}#sidebar-active:checked~.links-container{right:0}#sidebar-active:checked~#overlay{height:100%;width:100%;position:fixed;top:0;left:0;z-index:9}}@media only screen and (max-width:580px){.text_container{min-width:100px}}@media(max-width:524px){#footer_main{justify-content:center}}@media(max-width:410px){.sidebar{width:100%}}