.app{background-color:var(--byat)}.parentHome{width:70%;margin:auto;padding:2rem 1rem 1rem;height:calc(100vh - 4rem)}.parentGraph{display:grid;place-items:center}.parentGraph h1{color:var(--blueMari);font-size:8rem;width:fit-content;position:relative;bottom:24.5rem;letter-spacing:2.5rem}.Circle{width:23rem;height:23rem;border-radius:50%;background:linear-gradient(20deg,#ff5e00,#ff5e00,orange);overflow:hidden;animation:circle-in-center 1.5s ease-in}.parentLinksSocialMedia ul{display:flex;flex-direction:column;gap:.4rem;list-style-type:none;width:fit-content;padding:1rem;border-radius:5px;position:absolute;top:23rem;left:15rem}.parentLinksSocialMedia ul li i{color:var(--blueMari);font-size:1.3rem}.parentLinksSocialMedia ul li{transition:all .2s}.line{width:3px;height:4rem;border-radius:5px;background-color:var(--blueMari);margin:auto}@media (max-width : 695px){.parentHome{width:100%;margin:0}.parentGraph h1{font-size:5rem;position:relative;color:var(--blueMari);bottom:17.8rem;letter-spacing:2.2rem}.Circle{width:17rem;height:17rem}.imageProfile{height:auto;width:280px}.parentLinksSocialMedia ul{position:absolute;top:23rem;left:5rem}}@media (max-width : 487px){.parentGraph{margin-top:4rem}}@media (max-width : 466px){.parentGraph{margin-top:6rem}.parentGraph h1{font-size:2.8rem;position:relative;color:var(--blueMari);bottom:15.3rem;letter-spacing:1.7rem}.Circle{width:15rem;height:15rem}.imageProfile{height:auto;width:240px}.parentLinksSocialMedia ul{position:absolute;top:23rem;left:2rem}}.appDark{background-color:var(--blueMari)}.parentHomeDark{width:70%;margin:auto;padding:2rem 1rem 1rem;height:calc(100vh - 4rem)}.parentGraphDark{display:grid;place-items:center}.parentGraphDark h1{color:var(--byat);font-size:8rem;width:fit-content;position:relative;bottom:24.5rem;letter-spacing:2.5rem}.CircleDark{width:23rem;height:23rem;border-radius:50%;background:linear-gradient(20deg,#ff5e00,#ff5e00,orange);overflow:hidden;animation:circle-in-center 1.5s ease-in}.parentLinksSocialMediaDark ul{display:flex;flex-direction:column;gap:.4rem;list-style-type:none;width:fit-content;padding:1rem;border-radius:5px;position:absolute;top:23rem;left:15rem}.parentLinksSocialMediaDark ul li i{color:var(--byat);font-size:1.3rem}.parentLinksSocialMediaDark ul li{transition:all .2s}.liLink:hover{transform:scale(2) rotate(-15deg)}.lineDark{width:3px;height:4rem;border-radius:5px;background-color:var(--byat);margin:auto}.imageProfile{position:relative;z-index:1;width:375px;border-radius:50%}@media (max-width : 695px){.parentHomeDark{width:100%;margin:0}.parentGraphDark h1{font-size:5rem;position:relative;color:var(--blueMari);bottom:17.8rem;letter-spacing:2.2rem}.CircleDark{width:17rem;height:17rem}.parentGraphDark h1{color:var(--byat)}.imageProfile{height:auto;width:280px}.parentLinksSocialMediaDark ul{position:absolute;top:23rem;left:5rem}}@media (max-width : 487px){.parentGraphDark{margin-top:4rem}.parentGraphDark h1{color:var(--byat)}}@media (max-width : 466px){.parentGraphDark{margin-top:6rem}.parentGraphDark h1{font-size:2.8rem;position:relative;color:var(--blueMari);bottom:15.3rem;letter-spacing:1.7rem}.CircleDark{width:15rem;height:15rem}.parentGraphDark h1{color:var(--byat)}.imageProfile{height:auto;width:240px}.parentLinksSocialMediaDark ul{position:absolute;top:23rem;left:2rem}}@keyframes circle-in-center{0%{clip-path:circle(0%)}to{clip-path:circle(125%)}}[transition-style="in:circle:center"]{animation:2.5s cubic-bezier(.25,1,.3,1) circle-in-center both}.CircleEffect1{background-color:var(--orangeKhfif);width:1rem;height:1rem;position:absolute;z-index:4;right:7rem;bottom:10rem;box-shadow:0 0 300px 150px var(--orangeKhfif);border-radius:50%}.CircleEffect2{background-color:var(--orangeKhfif);width:1rem;height:1rem;position:absolute;z-index:4;right:6rem;bottom:9rem;box-shadow:0 0 300px 150px var(--orangeKhfif);border-radius:50%}.CircleEffect3{background-color:var(--orangeKhfif);width:1rem;height:1rem;position:absolute;z-index:4;right:7rem;bottom:8rem;box-shadow:0 0 300px 150px var(--orangeKhfif);opacity:.2;border-radius:50%}.CircleEffect4{background-color:var(--orangeKhfif);width:1rem;height:1rem;position:absolute;z-index:4;right:6rem;bottom:7rem;box-shadow:0 0 300px 150px var(--orangeKhfif);border-radius:50%}@media (min-width:1029px){.CircleEffect1,.CircleEffect2,.CircleEffect3,.CircleEffect4{opacity:.3}}.childSection{width:90%;display:flex;flex-direction:column;justify-content:center;align-items:start;gap:1rem;margin-left:4rem}@media (max-width : 747px){.parentAbout{display:flex;flex-direction:column}.typeSection{display:none;visibility:hidden}}.parentAboutDark{width:70%;margin:auto;padding:2rem;border-radius:5px;display:flex;justify-content:space-around;gap:1rem}.typeSectionDark{display:none;flex-direction:column;gap:0;opacity:.5}.typeSectionDark h6{color:var(--byat);rotate:-90deg}.IntroSectionDark{width:100%}.IntroSectionDark p{color:var(--orangeD3if)}.IntroSectionDark h2{color:var(--byat)}.bodySectionDark{padding:1rem;display:flex;flex-direction:column;gap:1rem}.childSectionDark{width:90%;display:flex;flex-direction:column;justify-content:center;align-items:start;gap:1rem;margin-left:4rem}.childSectionDark p{color:var(--byat)}.bodySectionDark button{background:transparent;width:fit-content;padding:.7rem 1rem;font-size:.7rem;color:var(--orange9wi);border-radius:.6rem;cursor:pointer;border:.1rem solid var(--orange9wi);font-weight:700;display:flex;gap:.3rem;transition:all .1s}.bodySectionDark button i{font-size:1rem}.bodySectionDark button:hover{background:linear-gradient(120deg,#ff5e00,#ff5e00,orange);border:.1rem solid #ff5e00;color:var(--byat);transform:scale(1.1)}@media (max-width : 747px){.parentAboutDark{display:flex;flex-direction:column}.typeSectionDark{display:none;visibility:hidden}}.parentAbout{width:70%;margin:auto;padding:2rem;border-radius:5px;display:flex;justify-content:space-around;gap:1rem}.typeSection{display:flex;flex-direction:column;gap:0;opacity:.5}.typeSection h6{rotate:-90deg}.IntroSection{width:100%}.IntroSection p{color:var(--blueMari);opacity:.6}.bodySection{padding:1rem;display:flex;flex-direction:column;gap:1rem}.bodySection button{background:transparent;width:fit-content;padding:.7rem 1rem;font-size:.7rem;color:var(--blueMari);border-radius:.6rem;cursor:pointer;border:.1rem solid #00003e;font-weight:700;display:flex;gap:.3rem;transition:all .1s}.bodySection button i{font-size:1rem}.bodySection button:hover{background:linear-gradient(120deg,#ff5e00,#ff5e00,orange);border:.1rem solid #ff5e00;color:var(--byat);transform:scale(1.1)}.bodySection button:active{background:linear-gradient(120deg,#00003e,#00003e,#75759a);border:.1rem solid #00003e;color:var(--orange9wi);transform:scale(.6)}.skills-container{display:flex;flex-wrap:wrap;justify-content:space-between;border-radius:10px;padding:.5rem;margin-top:-2rem}.skill-item{flex:0 0 12.5%;cursor:pointer;display:grid;place-items:center;padding:.9rem;border-radius:5px;transition:all .2s;margin:0}.skill-item:hover{background-color:#00003e24;box-sizing:border-box;transform:scale(1.05)}.tooltip{position:relative;display:inline-block}.tooltip .tooltiptext{visibility:hidden;background:linear-gradient(110deg,#ff5e00,#ff5e00,orange);color:#00003e;font-weight:600;text-align:center;padding:5px 0;border-radius:5px;position:absolute;z-index:1;width:120px;bottom:100%;left:50%;margin-left:-60px;margin-bottom:5px;transition:all .1s}.tooltip:hover .tooltiptext{visibility:visible}@media (max-width : 437px){.skill-item{flex:0 0 12.5%;cursor:pointer;display:grid;place-items:center;padding:.4rem;border-radius:5px;transition:all .2s;margin:0}}.name{font-family:Caveat,cursive;font-size:1.4rem}.skills-containerDark{display:flex;flex-wrap:wrap;justify-content:space-between;border-radius:10px;padding:.5rem;margin-top:-2rem}.skill-itemDark{flex:0 0 12.5%;cursor:pointer;display:grid;place-items:center;padding:.9rem;border-radius:5px;transition:all .2s;margin:.1rem;background-color:#fff6ed9d}.skill-itemDark:hover{background-color:#ff5e00a0;box-sizing:border-box;transform:scale(1.05)}.tooltipDark{position:relative;display:inline-block}.tooltipDark .tooltiptextDark{visibility:hidden;background:linear-gradient(110deg,#ff5e00,#ff5e00,orange);color:#00003e;font-weight:600;text-align:center;padding:5px 0;border-radius:5px;position:absolute;z-index:1;width:120px;bottom:100%;left:50%;margin-left:-60px;margin-bottom:5px;transition:all .1s}.tooltipDark:hover .tooltiptextDark{visibility:visible}@media (max-width : 437px){.skill-itemDark{flex:0 0 12.5%;cursor:pointer;display:block;place-items:center;padding:.4rem;border-radius:5px;transition:all .2s}}.works-container{width:100%;display:grid;place-items:end;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));grid-gap:4px;margin-left:7rem;margin-top:-2rem}.work-item{position:relative;overflow:hidden;border-radius:8px;padding:.08rem;transition:.2s;border:.1rem solid #fff6ed}.work-item img{width:100px;height:100px;object-fit:cover;border-radius:8px;cursor:pointer;border:.2rem solid var(--byat);outline:.1rem dashed var(--orange9wi)}.work-item:hover{transform:scale(1.1);z-index:1;padding:.1rem;border-radius:15px;overflow:visible;transition:all .2s}.parentButtons{background-color:#ff5e00;padding:.1rem;transition:all .2s}.parentButtons a{background-color:#00003e;color:#ff5e00;margin:.1rem;padding:0 .1rem;border-radius:50%;transition:all .2s}.parentButtons a:hover{background-color:#ff5e00;color:#00003e;border:.01rem solid #00003e}.work-item:hover .parentButtons{transform:scale(1.2);display:flex;justify-content:center;align-items:center;border-radius:10px;margin:.5rem}@media (max-width:709px){.bodySection{display:block}.works-container{display:flex;gap:1rem;flex-direction:column;justify-content:center;align-items:center;margin:auto}.work-item img{width:220px;height:100px;object-fit:cover;border-radius:8px;cursor:pointer}}.works-containerDark{width:100%;display:grid;place-items:end;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));grid-gap:4px;margin-left:7rem;margin-top:-2rem}.work-itemDark{position:relative;overflow:hidden;border-radius:8px;padding:.08rem;transition:.2s;border:.1rem solid transparent}.work-itemDark img{width:100px;height:100px;object-fit:cover;border-radius:8px;cursor:pointer;border:.2rem solid var(--byat);outline:.1rem dashed var(--orange9wi)}.work-itemDark:hover{transform:scale(1.1);z-index:1;padding:.1rem;border-radius:15px;overflow:visible;transition:all .2s}.parentButtonsDark{background-color:#ff5e00;padding:.1rem;transition:all .2s}.parentButtonsDark a{background-color:#00003e;color:#ff5e00;margin:.1rem;padding:0 .1rem;border-radius:50%;transition:all .2s}.parentButtonsDark a:hover{background-color:#ff5e00;color:#00003e;border:.01rem solid #00003e}.work-itemDark:hover .parentButtonsDark{transform:scale(1.2);display:flex;justify-content:center;align-items:center;border-radius:10px;margin:.5rem}.ribbon{font-size:10px;font-weight:700;color:#fff}.ribbon{--f: .5em;--r: .6em;position:absolute;right:20px;top:calc(-1*var(--f));padding:.6em;background:#ff5e00;border-right:var(--f) solid #0005;border-bottom:var(--r) solid #0000;clip-path:polygon(calc(100% - var(--f)) 0,0 0,0 calc(100% - var(--r)),calc(50% - var(--f)/2) 100%,calc(100% - var(--f)) calc(100% - var(--r)),calc(100% - var(--f)) var(--f),100% var(--f))}@media (max-width:709px){.bodySectionDark{display:block}.works-containerDark{display:flex;gap:1rem;flex-direction:column;justify-content:center;align-items:center;margin:auto}.work-itemDark img{width:220px;height:100px;object-fit:cover;border-radius:8px;cursor:pointer}}.bodySectionContact{display:flex}.FormContact{background:linear-gradient(120deg,#ff5e00,#ff5e00,orange);width:20rem;padding:1rem;border-radius:10px;overflow:hidden}.FormContact label{color:#fff6ed;font-weight:700}.FormContact input{width:100%;padding:.5rem;background-color:#00003e;border:.1rem solid #00003e;border-radius:5px;color:#fff6ed;font-weight:600}.FormContact textarea{width:100%;padding:.5rem;background-color:#00003e;border:.1rem solid #00003e;border-radius:5px;color:#fff6ed}.parentFlashagNone{display:none}.parentFlashag{background-color:#ff5e0073;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);position:fixed;width:100vw;height:100vh;left:0;z-index:3;top:0;display:grid;place-items:center}.parentFlashag h5{background-color:#00003e;width:fit-content;color:#fff6ed;padding:1rem 2rem;border-radius:10px}.parentFlashag h5 button{background:none;border:.05rem solid #ff5e00;padding:0 .1rem;border-radius:50%;outline:none;color:#ff5e00;cursor:pointer;position:relative;left:9.3rem;bottom:.7rem}.bodySectionContactDark{display:flex}.FormContactDark{background:linear-gradient(120deg,#ff5e00,#ff5e00,orange);width:20rem;padding:1rem;border-radius:10px;overflow:hidden}.FormContactDark label{color:#fff6ed;font-weight:700}.FormContactDark input{width:100%;padding:.5rem;background-color:#00003e;border:.1rem solid #00003e;border-radius:5px;color:#fff6ed;font-weight:600}.btnSubmit{width:100%;padding:.5rem;background-color:#00003e;border:.1rem solid #00003e;border-radius:5px;color:#fff6ed;font-weight:700;letter-spacing:4px;cursor:pointer}.btnSubmit:hover{background-color:#00002d49}.btnSubmit:active{background-color:#ff5e00;color:#00003e}.FormContactDark textarea{width:100%;padding:.5rem;background-color:#00003e;border:.1rem solid #00003e;border-radius:5px;color:#fff6ed}.parentNavbar{display:flex;justify-content:space-between;align-items:center;width:70%;margin:auto;padding:0rem 1rem}.parentBrand h3{color:var(--blueMari);font-size:1.8rem}.parentBrand h3 span{color:var(--orange9wi);font-size:2rem}.parentRight,.parentLinks{display:flex}.parentLinks ul{display:flex;align-items:center;list-style-type:none;gap:1rem}.parentLinks ul li{color:var(--blueMari);font-size:1.1rem;transition:all .2s}.parentLinks ul li:hover{box-sizing:border-box}.cool-link:after{content:"";display:block;width:0;height:2px;background:#000;transition:width .3s}.cool-link:hover:after{width:100%;transition:width .2s}.parentMode{padding:1rem;display:flex;justify-content:center}.parentMode button{background:none;border:none;outline:none;cursor:pointer}.parentMode h3{color:var(--orange9wi);background-color:var(--blueMari);width:fit-content;padding:.4rem;border-radius:7px;transition:all .2s}.parentMode h3:hover{color:var(--blueMari);background-color:var(--orange9wi)}.parentMenu{display:none;justify-content:center}.parentMenu button{background:none;border:none;outline:none;cursor:pointer}.parentMenu h3{color:var(--orange9wi);background-color:var(--blueMari);width:fit-content;padding:.4rem;border-radius:7px;transition:all .2s}.parentMenu h3:hover{color:var(--blueMari);background-color:var(--orange9wi)}@media (max-width : 695px){.parentNavbar{width:100%}}@media (max-width : 487px){.parentMenu{display:flex}.parentNavbar{width:100%}.parentLinks ul{display:none}.parentLinksMenu{position:fixed;z-index:1;display:grid;place-items:center;background:linear-gradient(125deg,var(--blueMari),var(--blueMari),rgb(0,54,170));margin:auto;width:100vw;height:100vh;left:-0%;top:3.9rem;transition:all .2s}.parentLinksMenu ul{color:var(--orange9wi);list-style-type:none;display:flex;margin-top:-3rem;flex-direction:column;align-items:center;font-size:1.3rem;font-weight:600;gap:1.4rem}.parentLinksMenu ul li:after{content:"";display:block;width:0;height:2px;margin-top:4px;background:var(--orange9wi);transition:width .3s}.parentLinksMenu ul li:hover:after{width:100%;transition:width .2s}.parentLinksMenu ul li:active{background:linear-gradient(110deg,var(--orange9wi),var(--orange9wi),orange);color:var(--blueMari);padding-inline:1rem;border-radius:5px}.parentNavbar{position:fixed;z-index:4;background-color:#fff6ed}}.checkMenuBtn{display:none}.parentNavbarDark{display:flex;justify-content:space-between;align-items:center;width:70%;margin:auto;padding:0rem 1rem}.parentBrandDark h3{color:var(--byat);font-size:1.8rem}.parentBrandDark h3 span{color:var(--orange9wi);font-size:2rem}.parentRightDark,.parentLinksDark{display:flex}.parentLinksDark ul{display:flex;align-items:center;list-style-type:none;gap:1rem}.parentLinksDark ul li{color:var(--byat);font-size:1.1rem;transition:all .2s;cursor:pointer}.parentLinksDark ul li:hover{box-sizing:border-box}.cool-linkDark:after{content:"";display:block;width:0;height:2px;background:var(--byat);transition:width .3s}.cool-linkDark:hover:after{width:100%;transition:width .2s}.parentModeDark{padding:1rem;display:flex;justify-content:center}.parentModeDark button{background:none;border:none;outline:none;cursor:pointer}.parentModeDark h3{color:var(--blueMari);background-color:var(--orange9wi);width:fit-content;padding:.4rem;border-radius:7px;transition:all .2s}.parentModeDark h3:hover{color:var(--orange9wi);background-color:var(--blueMari)}.parentMenuDark{display:none;justify-content:center}.parentMenuDark button{background:none;border:none;outline:none;cursor:pointer}.parentMenuDark h3{color:var(--blueMari);background-color:var(--orange9wi);width:fit-content;padding:.4rem;border-radius:7px;transition:all .2s}.parentMenuDark h3:hover{color:var(--orange9wi);background-color:var(--blueMari)}@media (max-width : 695px){.parentNavbarDark{width:100%}}@media (max-width : 487px){.parentMenuDark{display:flex}.parentNavbarDark{width:100%}.parentLinksDark ul{display:none}.parentLinksMenuDark{position:fixed;z-index:1;display:grid;place-items:center;background:linear-gradient(125deg,var(--orange9wi),var(--orange9wi),var(--orangeD3if));margin:auto;width:100vw;height:100vh;left:-0%;top:3.9rem;transition:all .2s}.parentLinksMenuDark ul{color:var(--blueMari);list-style-type:none;display:flex;margin-top:-3rem;flex-direction:column;align-items:center;font-size:1.3rem;font-weight:600;gap:1.4rem}.parentLinksMenuDark ul li:after{content:"";display:block;width:0;height:2px;margin-top:4px;background:var(--blueMari);transition:width .3s}.parentLinksMenu ul li:hover:after{width:100%;transition:width .2s}.parentLinksMenu ul li:active{background:linear-gradient(110deg,var(--blueMari),var(--blueMari),#0d0d81);color:var(--blueMari);padding-inline:1rem;border-radius:5px}.parentNavbarDark{position:fixed;z-index:4;background-color:var(--blueMari)}}.parent404{width:100vw;height:100vh;display:grid;place-items:center}.parentText404{margin-top:-4rem}.parentText404 h1{font-size:7rem;color:var(--blueMari)}.parentText404 h3{font-size:1rem;color:var(--orange9wi);background:var(--blueMari);border-radius:5px;text-align:center}.parentText404 h6{color:var(--orange9wi);border-radius:5px;text-align:center;margin-top:5px;margin-bottom:10px}.LinkBack{color:var(--orange9wi);background:linear-gradient(90deg,#000053,#222292);padding:.2rem .3rem;border-radius:50%}.header{position:fixed;top:0;z-index:1;width:100%;background-color:#f1f1f1}.progress-container{width:100%;height:8px;background:linear-gradient(90deg,#00003e,#00003e,#070791)}.progress-bar{height:8px;background:linear-gradient(90deg,#ff5e00,#ff5e00,#ffb700);width:0%;border-radius:5px}.scroll-to-top{position:fixed;bottom:20px;right:20px;display:none;background:linear-gradient(180deg,#ff5e00,#ff5e00,#ffbd17);color:#fff;padding:8px;border:none;border-radius:30px;cursor:pointer;width:3rem;transition:all .2s;animation:fadeInUp .2s ease-out}.scroll-to-top:active{background:linear-gradient(180deg,#00003e,#00003e,#0000a8);color:#ff5e00}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.scroll-to-top h6{rotate:-90deg;padding:1.8rem 0rem}.scroll-to-top.visible{display:block}:root{--byat: #fff6ed;--orange9wi: #ff5e00;--orangeD3if: orange;--blueMari: #00003e }*{padding:0;margin:0;box-sizing:border-box;font-family:"Exo 2",sans-serif}body{background-color:var(--byat)}::selection{color:var(--blueMari);background-color:var(--orange9wi)}.cool-link,.LinkBrand{cursor:pointer}footer{background-color:#00003e;color:#ff5e00;display:grid;place-items:center;padding:1rem}