@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: '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;--lightgray:#A9A9A9;--black1:#000000;--black2:#31363F;--black3:#222831;--darkblue1:#141942;--bg:#F8F6E3;--bej:#EEEBD2;--darkgreen:#9DBC98;--opengreen:#D9EDBF;--green2:#94bf73;--green3:rgb(117, 162, 97);--color-1:#F8F6E3;--text-color:#f0f0f0;accent-color:#4F6F52;--grey:#F0EBE3;--grey2:#b1a7a6;--grey3:rgb(204, 203, 203);cursor:none;margin:0;padding:0;box-sizing:border-box}.darkmode--activated{.intro-headline,.intro-echo{color:#F3F3F3}.container_0 .h1{color: var(--white)}#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)}.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)}.services_id{border:1px solid var(--white)}.wave.-one{background:var(--color-1);opacity: 5%}.card__data{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)}#skills_ .echo{height:11rem}#skills_ .intro-headline,#skills_ .intro-echo{font-size:5rem}.echo{-webkit-user-select:none!important;display:flex;height:6rem;flex-direction:column;position:relative}.headline-container{position:relative;text-align:center}.intro-headline{font-family:'Teko',sans-serif;font-size:6rem;color:var(--primary);font-weight:500;margin-bottom:2px}.intro-echo{position:absolute;left:50%;width:100%;transform:translateX(-50%);font-family:'Teko',sans-serif;font-size:6rem;color:var(--primary);font-weight:500;transition:opacity 0.5s ease,transform 1.9s ease,font-size 0.5s ease;mask-image:linear-gradient(180deg,#fff0 55%,#ffffff);-webkit-mask-image:linear-gradient(180deg,#fff0 55%,#ffffff);text-align:center;display:block;opacity:0;position:absolute;width:100%;bottom:0}#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{display:none;z-index:99999999;box-shadow:0 4px 6px rgb(0 0 0 / .5)}#circle_2{display:none;z-index:99999998}#circle_3{display:none;z-index:99999997}#circle_4{display:none;z-index:99999996}#circle_5{display:none;z-index:99999995}#circle_6{display:none;z-index:99999994}#circle_7{display:none;z-index:99999993}#circle_8{display:none;z-index:99999992}#circle_9{display:none;z-index:99999991}#circle_10{display:none;z-index:99999990}#circle_11{display:none;z-index:99999989}#circle_12{display:none;z-index:99999988}#circle_13{display:none;z-index:99999987}#circle_14{display:none;z-index:99999986}#circle_15{display:none;z-index:99999985}#circle_16{display:none;z-index:99999984}#circle_17{display:none;z-index:99999983}#circle_18{display:none;z-index:99999982}#circle_19{display:none;z-index:99999981}#circle_20{display:none;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;white-space:nowrap;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:1px 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);font-size:4rem}.h1 span{font-family:"Tac One",sans-serif;font-weight:400;font-style:normal;transition: margin 1.1s ease;margin:0 1.5rem;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;overflow:hidden;flex-direction:row;flex-wrap:wrap}.container_0 .h1{color:var(--green3);transition:color 2s ease-in-out;font-weight:560}#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;min-height:5vh}#container_4{padding-top:1.38rem;white-space:nowrap;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;font-family:'Teko',sans-serif;color:var(--white);align-items:center;display:flex;height:100%;font-size:5.1rem;z-index:1}#services{margin:4rem 0 9rem}#services_{-webkit-user-select: none !important;display:flex;justify-content:center;align-items:center;gap:4.5rem;flex-wrap:wrap;margin-bottom:6rem}.services_id{position:relative;height:40rem;overflow:hidden;width:calc(100% - 8vh);max-width:300px;flex:0 1 auto;transform:translateY(50px);transition:opacity 0.6s ease-out,transform 0.6s ease-out,background-color 0.6s ease-in-out;display:flex;box-shadow:-13px 13px 27px #808080,13px-13px 27px #EEEBD2;border-radius:3.7rem;justify-content:center;border:2px solid var(--black1);background-color:var(--lightgray)}.wave-container_1,.wave-container_2,.wave-container_3{position:absolute;width:100%;height:100%;overflow:hidden;border-radius:3rem}.wave{position:absolute;opacity:.4;width:130%;height:160%;margin-left:-200px;margin-top:-130px;border-radius:43%}@keyframes rotate{from{transform:rotate(0deg)}from{transform:rotate(360deg)}}.wave.-one{animation:rotate 10000ms infinite linear;opacity:95%;background:var(--black2);background:color(display-p3 .192 .211 .247)}.wave.-two{animation:rotate 6000ms infinite linear;opacity:10%;background:#fff}.wave-container_2 .wave.-one{animation:rotate 14s infinite linear}.wave-container_3 .wave.-one{animation:rotate 12.5s infinite linear}.card__data{width:11rem;background-color:var(--white);padding:0;padding-top:0px;box-shadow:0 8px 24px hsla(0,0%,0%,.15);border-radius:1rem;position:absolute;bottom:8rem;left:0;right:0;margin-inline:auto;overflow:hidden;height:.4rem;transition:width 1s.25s ease,bottom 2s ease-in-out,height 1s.35s,padding 1s.5s;z-index:2;padding-top:2px}.card__description{display:block;font-size:1.6rem;margin-bottom:.25rem;text-align:center;white-space:nowrap}.services_id:hover .card__data{animation:show-data 1.5s forwards;width:21rem;height:10rem;bottom:-8rem;padding:1.5rem 2rem;transition:width .6s .03s,bottom 1.5s ease-in-out,height .25s .08s,padding .45s;}.services_id:hover{animation:remove-overflow 2s forwards}.services_id:not(:hover){animation:show-overflow 2s forwards}.services_id:not(:hover) .card__data{animation:remove-data 1.5s forwards}@keyframes show-data{50%{transform:translateY(-10rem)}100%{transform:translateY(-7rem)}}@keyframes remove-overflow{to{overflow:initial}}@keyframes remove-data{0%{transform:translateY(-7rem)}33%{transform:translateY(-10rem)}100%{transform:translateY(7rem)}}@keyframes show-overflow{0%{overflow:initial;pointer-events:none}50%{overflow:hidden}}
.services_id.visible{opacity:1;transform:translateY(0)}.services_id.hidden{opacity:0;transform:translateY(50px)}main{}main_2{margin:80px 60px 80px 60px;height:auto;width:auto}#portfolio{display:flex;flex-grow:1;margin:100px 60px 80px}footer{width:inherit;margin:10px 90px 45px}#footer_main{font-family: 'Teko',sans-serif;overflow:visible;display:flex;flex-wrap:wrap;align-items:center;text-align:center;justify-content:center;width:100%;height:100px}#cc{-webkit-user-select:none!important;font-size:2.6rem;order:0;width:wrap;height:auto;color:var(--black2)}#socialmedia{display:flex;flex-direction:row;width:100%;gap:5vh;justify-content:space-evenly}.main_a{display:flex;height:100%;overflow:visible;flex-wrap:wrap;justify-content:center;align-items:center;transition:transform 0.5s ease-in-out;max-width:min-content}.main_a svg{transform:scale(1.2);overflow:visible;flex:1;height:5rem;width:5rem;color:var(--black3);transition:fill 2s ease-in-out;max-width:min-content}.to-top{-webkit-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 100px 33px}.container_filter{position:absolute;z-index:8;border-radius:70px !important;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:56.9rem;max-height:57rem;background: linear-gradient(225deg, #f0f0f0, #cacaca);box-shadow:-13px 13px 27px #808080,13px -13px 27px #F8F6E3;transition:box-shadow 0.50s;border-radius:70px !important;display:inline-block}.image-container{-webkit-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:70px !important;object-fit:cover;width:100%;z-index:9;display:block}.image{background:linear-gradient(180deg,#fff00%,rgb(0 0 0 / .61)100%),url(img/game.webp)no-repeat center/cover}.text_container{-webkit-user-select:none!important;min-width:440px;box-sizing:border-box;flex:1;padding: 40px 70px 40px 40px;text-align:left}.text_container p{font-family:'Teko',sans-serif;font-size:4.37rem}.container78>.text_container{order:1}.container78>.image-container{order:0}.center_{margin-top: 7vh;margin-bottom:7vh}#contact_title{font-size:19vw;margin-bottom:4vh;text-shadow: 4px 3px 0px #fff, 8px 8px 1px rgba(0,0,0,0.15)}#contact_{display:flex;max-height:min-content;width:70%;flex-direction:row;justify-content:flex-end}#divides{display:flex;width:100%;height:3px;justify-content:center;align-items:center}.space{-webkit-user-select:none!important;width:87%;height:3px;border-radius:10px;background-color:var(--primary)}#skills_{-webkit-user-select:none!important;text-align:center;max-width:100%;margin-top:6.5rem;margin-bottom:6vh}.marquee-text::before,.marquee-text::after{content:'';position:absolute;top:0;height:100%;width:80px;background:linear-gradient(to left,#F8F6E3,transparent);z-index:2;transition:background 0.1s ease-in-out}.marquee-text::before{left:0;transition:background 0.1s ease-in-out;background:linear-gradient(to right,#F8F6E3,transparent)}.marquee-text::after{right:0;transition:background 0.1s ease-in-out;background:linear-gradient(to left,#F8F6E3,transparent)}.one{margin:2.3rem 0 5rem}.marquee-text{overflow:hidden;width:81%;font-weight:590;position:relative;font-size:2.8rem;margin-bottom:2rem}.marquee-text:hover .marquee-text-track{animation-play-state:paused}.marquee-text-track{display:flex;padding-left:0.4rem;gap:0.4rem;width:max-content;animation:marquee-move-text 45s linear infinite;animation-play-state:running}.two{animation:marquee-move-text 40s linear infinite}.marquee-text p{-webkit-text-stroke:.12rem #0C0C0C;color:#fff0;padding:1rem 2.5rem;font-family:"Jaro",sans-serif;font-optical-sizing:auto;font-weight:400;font-style:normal}@keyframes marquee-move-text{to{transform:translateX(-50%)}}#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{-webkit-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{-webkit-user-select:none!important;text-align:center;font-family:'Teko',sans-serif;font-size:6rem;color:var(--primary);text-shadow:2px 2px 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: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:1852px){nav{justify-content:center;align-items:center}.container78{flex-direction:column;padding:20px 20px 33px}.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){.marquee-text{width:90%}#footer_main{justify-content:center}}@media(max-width:410px){.sidebar{width:100%}}