@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{margin:0}.skeleton{background-color:#2d6464}.skeleton-container{align-items:center;border-radius:8px;display:flex;flex-direction:column;justify-content:center;margin-bottom:20px;padding:20px}.skeleton-header{background-color:#272626;height:30px}.skeleton-content,.skeleton-header{border-radius:4px;margin-bottom:10px;width:100%}.skeleton-content{background-color:#252424;height:20px}@keyframes rotateAnimation{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes ani-float{0%{transform:translate(0)}50%{transform:translateY(105px)}to{transform:translate(0)}}.App{align-items:center;background:linear-gradient(-45deg,#000,#0d2827,#000);display:flex;flex-direction:row;gap:1em;justify-content:center;padding:20px auto auto;position:relative;width:100%}.blur1{left:2%;top:2%}.blur1,.blur2{background-color:#255653;filter:blur(80px);height:50%;position:absolute;width:30%}.blur2{bottom:2%;right:2%}.left-section{border-top-left-radius:20px;display:flex;flex-direction:column;height:100vh;width:200px}.left-section section{background-color:#000000b3;border-radius:5px;margin:5px;position:relative;width:auto}.profile{align-items:center;display:flex;flex-direction:column;height:30vh;justify-content:center;width:200px}.profile img{border-radius:2% 2% 0 0;box-shadow:0 0 .3rem aqua;height:80%;position:relative;width:90%}.profile h3{color:#08cece;font-family:serif;font-family:initial;font-weight:bolder;letter-spacing:-1px;padding:5px;text-align:center}.contact-me{height:25vh;width:200px}.contact-me h4{color:#fff;font-family:Arial;font-weight:bolder;margin-top:.5em;text-align:center}.contact-me-a{flex-wrap:wrap;padding:.5em}.contact-me a,.contact-me-a{align-items:center;display:flex;justify-content:center;position:relative}.contact-me a{border:3px solid aqua;border-radius:5px;box-shadow:0 0 .3rem aqua;color:aqua;font-size:2em;height:1.5em;margin:.2em;transition:.6s;width:36%;z-index:1}.contact-me a i{font-size:1.5rem}.contact-me a:hover{color:#000}.contact-me a:before{background:aqua;content:"";height:100%;left:0;position:absolute;top:0;transition:.6s;width:0;z-index:-1}.contact-me a:hover:before{width:100%}.toggle-menu{display:none}.other{height:57vh;width:200px}.other h4{color:#fff;font-family:Arial;font-weight:bolder;margin-top:.5em;text-align:center}.other a{border:1px solid aqua;border-radius:5px;box-shadow:0 0 -.5rem #648e8e;color:#fff;display:flex;flex-wrap:wrap;font-weight:lighter;letter-spacing:-1px;margin:20px 9px 9px;overflow:hidden;padding:4px;text-decoration:none;transition:.6s;width:90%}.other a:hover{color:aqua;font-size:larger;letter-spacing:-1px;text-shadow:0 0 40px aqua}.other a:before{background:aqua;content:"";height:100%;left:0;position:absolute;top:0;transition:.6s;width:0;z-index:-1}.other a:hover:before{width:100%}.right-section{border-top-right-radius:5px;height:100vh;overflow-y:auto;position:relative;width:1000px}.right-section section{background-color:#000000b3;border-radius:5px;margin-bottom:2em;overflow:hidden;position:relative;width:100%}.right-section #profile{align-items:center;color:#fff;display:flex;flex-direction:column;height:auto;justify-items:center;margin:5px;position:relative}#profile .header{height:15vh;padding-top:20px;width:100%}#profile .header h1{animation:ani-float 60s ease-in-out infinite;color:aqua;font-family:Cambria,Cochin,Georgia,Times,Times New Roman,serif;font-size:2.5em;font-weight:bolder;text-align:center;text-shadow:2px 2px 4px aqua}#profile .imgText{height:70vh;margin-top:2em;padding:2em;text-align:center;width:100%}.liquid-circular-svg{animation:rotateAnimation 40s linear infinite;border-radius:50%;height:70%;left:20%;position:absolute;text-align:center;width:60%}#profile img{background:linear-gradient(0deg,#0000001a,#777);border-radius:50%;bottom:4%;max-width:100%;position:relative;width:65%;z-index:1}#profile h5{color:#666;margin:20px auto;max-width:600px}#profile .btn-box{display:flex;height:45px;justify-content:space-between;margin:20px;width:320px}#profile .btn-box a.btn{align-items:center;background:aqua;border:3px solid aqua;border-radius:5px;box-shadow:0 0 .5rem aqua;color:#000;display:inline-flex;font-size:1rem;font-weight:800;height:100%;justify-content:center;overflow:hidden;position:relative;text-decoration:none;transition:.6s;width:150px;z-index:1}#profile a.btn:hover{color:aqua}#profile a.btn:before{background:#000;content:"";height:100%;left:0;position:absolute;top:0;transition:.4s;width:0;z-index:-1}#profile a.btn:hover:before{height:100%;width:100%}#profile a.btn:nth-child(2){background-color:#000;color:aqua}#profile a.btn:nth-child(2):hover{color:#000}#profile a.btn:nth-child(2):before{background:aqua}#about-me{color:#fff;height:50vh;margin-top:5em;padding:8em}#about-me h1{color:#99a3a5;text-align:center}#about-me p{font-size:larger;padding:1em;text-align:center}.footer{align-items:center;background-color:#000;color:#3199df;display:flex;font-size:.6em;font-weight:bolder;height:3vh;justify-content:center;position:relative;text-align:center}::-webkit-scrollbar{display:none}@media only screen and (max-width:1024px){.App{height:100%}.left-section{width:150px}.left-section section{flex-direction:row;flex-wrap:wrap;top:10px}.left-section .profile{height:20vh;padding:10px}.left-section .profile img{width:100px}.left-section .profile h3{font-size:small;text-align:center}.left-section .contact-me{height:18vh;padding-bottom:.7em}.left-section .contact-me h4{font-size:.8em;margin-bottom:5px}.left-section .contact-me-a{display:flex;flex-wrap:wrap;margin:0;padding-bottom:.6em;width:100%}.left-section .contact-me-a a{height:1.5em;margin:3px;width:30%}.left-section .other h4{font-size:.8em}.left-section .other a{font-size:.8em;margin-top:1em}.right-section{border-radius:5px;top:13px}.right-section #skills{display:flex;height:135vh;margin-top:2em;padding:.5em}.right-section #skills h5{margin:0;text-align:center}}@media only screen and (max-width:768px){*{padding:1px}.App{display:inline-block;height:100vh;margin:0;padding:0;position:relative;width:100%}.blur1{background-color:#4dccc4;left:2%;top:2%}.blur1,.blur2{filter:blur(80px);height:50%;position:absolute;width:30%}.blur2{background-color:#14c7bb;bottom:2%;right:2%}.left-section{align-items:center;border-top-left-radius:20px;border-radius:1px;display:flex;flex-direction:row;flex-wrap:wrap;height:auto;margin-bottom:.8em;width:100%}.left-section .profile{align-items:center;border-radius:50%;display:flex;height:14%;justify-content:center;width:25%}.left-section .profile img{border-radius:50%;height:5vh;width:50%}.left-section .contact-me{height:auto;height:3em;position:relative;width:40%}.left-section .contact-me h4{display:none}.left-section .contact-me a{box-shadow:0 0 .1rem aqua;font-size:1em;width:20%}.menu-header{color:#fff;cursor:pointer;display:block;height:3vh;position:relative;text-align:center;width:100%}#toggle-menu,.menu-items{display:none}.toggle-menu:checked+.menu-header+.menu-items{display:block}.menu-items a{color:#fff;display:inline-block;margin:1px;padding:2px;text-decoration:none;width:auto}.menu-items a:hover{background-color:#2e4c50;color:#fff}.left-section .other{box-sizing:border-box;height:auto;justify-content:center;margin:0;padding-bottom:10px;width:100%}.right-section{background-color:#213130;display:flex;flex-wrap:wrap;height:75vh;margin-top:-10px;position:relative;width:100%}.right-section #profile{height:auto;padding:.1em .1em .5em}#profile .header h1{animation:ani-float 60s ease-in-out infinite;color:aqua;font-family:Cambria,Cochin,Georgia,Times,Times New Roman,serif;font-size:2em;font-weight:bolder;text-align:center;text-shadow:none}#profile .imgText{height:50vh;margin-top:2em;padding:2em;text-align:center;width:100%}.liquid-circular-svg{animation:rotateAnimation 40s linear infinite;border-radius:50%;height:50%;left:9%;position:absolute;text-align:center;width:60%}#profile img{background:linear-gradient(0deg,#0000001a,#777);border-radius:50%;max-width:100%;position:relative;top:5%;width:100%;z-index:1}#profile .btn-box a.btn{align-items:center;background:aqua;border:3px solid aqua;border-radius:5px;box-shadow:0 0 .5rem aqua;color:#000;display:inline-flex;font-size:1rem;font-weight:800;height:100%;justify-content:center;overflow:hidden;position:relative;text-decoration:none;transition:.6s;width:150px;z-index:1}.right-section #about-me{color:#fff;height:35vh;margin-top:2em;padding:1em}.right-section #skills{height:auto}.right-section #profile svg{width:87%}#profile .btn-box{margin:0;width:90%}#profile .btn-box a.btn{box-sizing:border-box;font-size:.7em;height:2em;letter-spacing:0;padding:1em;text-align:center;width:45%}}.footer{width:100%}:root{--c1:aqua;--b2:#222;--b3:#333;--w1:#4f4d4d;--w2:#eee;--t1:all 0.5s ease 0s}*,:after,:before{box-sizing:border-box}:after,:before{content:""}#skills{align-items:center;display:flex;height:90vh;justify-content:center;padding:1em}.skills h5{color:#353636;font-size:2rem;height:3em;text-align:center}.profile-skills{align-items:center;display:flex;flex-wrap:wrap;height:auto;justify-content:center;padding:1em 0;position:relative;width:100%}.profile-skills>div{border-radius:2px;margin:2%;padding:.1em;position:relative;width:25.2%}ul.skills{background:linear-gradient(0deg,aqua 0 10px,#222 0 calc(100% - 10px),aqua 0 100%);background:linear-gradient(0deg,var(--c1) 0 10px,var(--b2) 0 calc(100% - 10px),var(--c1) 0 100%);padding:3px 2px;position:relative;width:100%}ul.skills2,ul.skills3{--c1:aqua}ul.skills:before{background-color:#222;background-color:var(--b2);border-radius:5px;color:aqua;content:"Skills";font-family:serif;font-family:initial;font-size:1.2em;font-weight:bolder;height:40px;position:absolute;text-align:center;text-transform:uppercase;top:-65px;transform:scaleY(1.65);transition:all .5s ease 0s;transition:var(--t1);width:100%}ul.skills2:before{content:"Tools"}ul.skills3:before{content:"Codes"}ul.skills:after{border:40px solid #fff0;border-top:40px solid var(--b2);content:"";filter:drop-shadow(0 11px .1px #4f4d4d);filter:drop-shadow(0 11px .1px var(--w1));left:10px;position:absolute;top:-30px;transition:all .5s ease 0s;transition:var(--t1);z-index:0}input:checked+label+ul.skills:before,label:hover+ul.skills:before,ul.skills:hover:before{background-color:aqua;background-position:0 50%;color:#000;transition:all .5s ease 0s;transition:var(--t1)}input:checked+label+ul.skills:after,label:hover+ul.skills:after,ul.skills:hover:after{border-top-color:aqua;top:-20px;transition:all .5s ease 0s;transition:var(--t1)}input:checked+label+ul.skills2:before,label:hover+ul.skills2:before,ul.skills2:hover:before{background-color:aqua}input:checked+label+ul.skills2:after,label:hover+ul.skills2:after,ul.skills2:hover:after{border-top-color:aqua}input:checked+label+ul.skills3:before,label:hover+ul.skills3:before,ul.skills3:hover:before{background-color:aqua}input:checked+label+ul.skills3:after,label:hover+ul.skills3:after,ul.skills3:hover:after{border-top-color:aqua}ul.skills li{--per:50;--dur:calc(var(--per)/100*1.5s);color:#eee;color:var(--w2);font-size:15px;list-style:none;margin:0 0 5px;padding:20px 5px;position:relative;text-transform:uppercase}ul.skills li:before{--track:#52585c40;background:#1c1c1c;background:linear-gradient(90deg,var(--track) calc(var(--per)*1% + 4px),#1c1c1c calc(var(--per)*1% + 4px));border-color:#111 #323232 #323232 #111;border-radius:2px;border-style:solid;border-width:1px;bottom:0;content:"";height:16px;left:0;position:absolute;width:100%}ul.skills2 li:before,ul.skills3 li:before{--track:#52585c40}ul.skills li:after{animation:start 1s ease 0s 2 alternate;bottom:0;content:"";height:11px;left:3px;margin:0 0 2px;position:absolute;transition:all var(--dur) ease 0s;width:0}ul.skills li:after,ul.skills2 li:after,ul.skills3 li:after{background:aqua;box-shadow:0 0 10px 1px #00c6ff66}ul.skills li:hover{filter:brightness(1.5);transition:all .5s ease 0s;transition:var(--t1)}input:checked+label+ul.skills li:after,label:hover+ul.skills li:after,ul.skills:hover li:after{width:calc(var(--per)*1% - 2px)}@keyframes start{to{width:calc(var(--per)*1% - 2px)}}ul.skills2 li:after{animation-delay:.5s}ul.skills3 li:after{animation-delay:1s}ul.skills li span{cursor:pointer;font-weight:500}ul.skills li span:before{border:7px solid #fff0;content:"";opacity:1;position:absolute;right:-25px;top:43px;transition:all .5s ease 0s;transition:var(--t1)}.profile-skills input:checked+label+ul.skills li span:before,ul.skills li:hover span:before{border-right-color:aqua;opacity:1;right:calc((100 - var(--per))*1% - 12px);transition:all .5s ease 0s;transition:var(--t1)}.profile-skills input:checked+label+ul.skills2 li span:before,.profile-skills input:checked+label+ul.skills3 li span:before,ul.skills2 li:hover span:before,ul.skills3 li:hover span:before{border-right-color:aqua}ul.skills li span:after{border-radius:1px;color:#222;color:var(--b2);content:counter(percent);counter-reset:percent var(--per);font-weight:700;opacity:1!important;padding:4px 6px;pointer-events:none;position:absolute;right:-40px;top:38px;transition:all .5s ease 0s;transition:var(--t1)}.profile-skills input:checked+label+ul.skills li span:after,ul.skills li:hover span:after{background:aqua;opacity:1;right:calc((85 - var(--per))*1%);right:calc((100 - var(--per))*1% - 40px);transition:all .5s ease 0s;transition:var(--t1)}ul.skills2 li:hover span:after,ul.skills3 li:hover span:after{background:aqua}ul.skills li.sk-ani{--per:85}ul.skills li.sk-cms{--per:75}ul.skills li.sk-dis{--per:90}ul.skills li.sk-dtb{--per:65}ul.skills li.sk-pro{--per:60}ul.skills li.sk-gim,ul.skills li.sk-res{--per:90}ul.skills li.sk-ado{--per:60}ul.skills li.sk-not{--per:85}ul.skills li.sk-tri{--per:70}ul.skills li.sk-wor{--per:90}ul.skills li.sk-tre{--per:65}ul.skills li.sk-css{--per:95}ul.skills li.sk-htm{--per:90}ul.skills li.sk-jav{--per:70}ul.skills li.sk-php{--per:80}ul.skills li.sk-sql{--per:65}ul.skills li.sk-pug{--per:40}.profile-skills input{display:none}.profile-skills label{background:#4f4d4d;background:var(--w1);border-radius:100%;box-shadow:0 0 0 0 #4f4d4d;box-shadow:0 0 0 0 var(--w1);cursor:pointer;height:35px;left:5px;top:-71px;width:35px}.profile-skills label,.profile-skills label:before{position:absolute;transition:all .5s ease 0s;transition:var(--t1);z-index:2}.profile-skills label:before{background:#fff0;border-bottom:9px solid #222;border-bottom:9px solid var(--b2);border-left:9px solid #222;border-left:9px solid var(--b2);border-radius:2px;border-right:9px solid #222;border-right:0 solid var(--b2);border-top:9px solid #222;border-top:0 solid var(--b2);content:"";height:15px;left:7px;top:10px;transform:rotate(-45deg);width:20px}.profile-skills label:hover{box-shadow:0 0 0 3px #4f4d4d;box-shadow:0 0 0 3px var(--w1);transition:all .5s ease 0s;transition:var(--t1)}.profile-skills label:hover:before{border-color:#222;border-color:var(--b2);transition:all .5s ease 0s;transition:var(--t1)}.profile-skills input:checked+label{box-shadow:0 0 0 6px #4f4d4d;box-shadow:0 0 0 6px var(--w1);transition:all .5s ease 0s;transition:var(--t1)}.profile-skills input#sk2:checked+label:before,.profile-skills input#sk3:checked+label:before,.profile-skills input:checked+label:before{border-color:aqua}label[for=sk1]{font-size:30px}label[for=sk1]:before,label[for=sk2]:before,label[for=sk3]:before{border-color:aqua}ul.skills li.more{margin-bottom:20px;padding:0}ul.skills li.more:after,ul.skills li.more:before{display:none}ul.skills li.more:hover{filter:none!important}ul.skills li.more div{max-height:0;overflow:hidden;padding:0;transition:all .5s ease 0s;transition:var(--t1);width:100%}ul.skills li.more input:checked~div{max-height:150px;padding:10px 0 0;transition:all .5s ease 0s;transition:var(--t1)}ul.skills li.more div span:after,ul.skills li.more div span:before{display:none}ul.skills li.more label{background:linear-gradient(163deg,#222 50%,#4f4d4d 0);background:linear-gradient(163deg,var(--b2) 50%,var(--w1) 50%);background-position-y:100%;background-size:10% 300%;bottom:-40px;color:#222;color:var(--b2);height:45px;left:inherit;right:0;right:-10px;top:inherit;transition:all .5s ease 0s;transition:var(--t1);width:45px}ul.skills li.more label:before{border:0;color:aqua;color:var(--c1);content:"+";content:"\271A";font-size:35px;height:100%;left:0;line-height:55px;text-align:center;top:0;transform:rotate(0deg);width:100%}ul.skills li.more label:hover{background-position-y:0;box-shadow:0 0 0 10px #4f4d4d;box-shadow:0 0 0 10px var(--w1);color:#4f4d4d!important;color:var(--w1)!important;transition:all .5s ease 0s;transition:var(--t1)}ul.skills li.more span{background:#1c1c1c;border-color:#111 #323232 #323232 #111;border-radius:1px;border-style:solid;border-width:1px;display:inline-block;margin:10px 10px 1px 1px;padding:4px 8px}ul.skills li.more span:hover{background:aqua;background:var(--c1);border-color:#fff2;box-shadow:0 0 5px 1px aqua;box-shadow:0 0 5px 1px var(--c1);color:#000}ul.skills li.more input:checked+label{background-position-y:0;bottom:-40px;box-shadow:0 0 0 9px #4f4d4d;box-shadow:0 0 0 9px var(--w1);color:var(--w0)}ul.skills li.more input:checked+label:before{content:"\2759";font-weight:400;margin-left:8px;transform:rotate(90deg)}ul.skills li.more input:checked+label:hover{background-position-y:100%;box-shadow:0 0 0 0 #4f4d4d;box-shadow:0 0 0 0 var(--w1);color:#222!important;color:var(--b2)!important}@media only screen and (max-width:1024px){.content{height:auto}.profile-skills{flex-direction:row;flex-wrap:wrap;top:20px}.profile-skills>div{margin-top:100px;width:48%!important}.profile-skills>div:nth-child(3){margin-top:120px;width:98%!important}}@media only screen and (max-width:768px){.content{height:220vh;padding-bottom:2em}.profile-skills{flex-direction:row;flex-wrap:wrap;height:auto;padding-bottom:2em;top:20px}.profile-skills>div{width:98%!important}.profile-skills>div:nth-child(2),.profile-skills>div:nth-child(3){margin-top:120px}ul.skills li:after{width:calc(var(--per)*1% - 2px)}ul.skills li span:before{border-right-color:#2187e7;opacity:1;right:calc((96.5 - var(--per))*1%);transition:all .5s ease 0s;transition:var(--t1)}}@font-face{font-family:swiper-icons;font-style:normal;font-weight:400;src:url("data:application/font-woff;charset=utf-8;base64, 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")}:root{--swiper-theme-color:#007aff}:host{display:block;margin-left:auto;margin-right:auto;position:relative;z-index:1}.swiper{display:block;list-style:none;margin-left:auto;margin-right:auto;overflow:hidden;padding:0;position:relative;z-index:1}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{box-sizing:initial;display:flex;height:100%;position:relative;transition-property:transform;transition-timing-function:ease;transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);width:100%;z-index:1}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translateZ(0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{display:block;flex-shrink:0;height:100%;position:relative;transition-property:transform;width:100%}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;transform:translateZ(0)}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide{transform-style:preserve-3d}.swiper-css-mode>.swiper-wrapper{-ms-overflow-style:none;overflow:auto;scrollbar-width:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper:before{content:"";flex-shrink:0;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{-webkit-margin-start:var(--swiper-centered-offset-before);margin-inline-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper:before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{-webkit-margin-before:var(--swiper-centered-offset-before);margin-block-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper:before{height:var(--swiper-centered-offset-after);min-width:1px;width:100%}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:10}.swiper-3d .swiper-slide-shadow{background:#00000026}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(270deg,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(90deg,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(0deg,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(180deg,#00000080,#0000)}.swiper-lazy-preloader{border:4px solid #007aff;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top:4px solid #0000;box-sizing:border-box;height:42px;left:50%;margin-left:-21px;margin-top:-21px;position:absolute;top:50%;transform-origin:50%;width:42px;z-index:10}.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader{animation:swiper-preloader-spin 1s linear infinite}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.swiper-pagination{position:absolute;text-align:center;transform:translateZ(0);transition:opacity .3s;z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:8px;bottom:var(--swiper-pagination-bottom,8px);left:0;top:auto;top:var(--swiper-pagination-top,auto);width:100%}.swiper-pagination-bullets-dynamic{font-size:0;overflow:hidden}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{position:relative;transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{background:#000;background:var(--swiper-pagination-bullet-inactive-color,#000);border-radius:50%;border-radius:var(--swiper-pagination-bullet-border-radius,50%);display:inline-block;height:8px;height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));opacity:.2;opacity:var(--swiper-pagination-bullet-inactive-opacity,.2);width:8px;width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px))}button.swiper-pagination-bullet{-webkit-appearance:none;appearance:none;border:none;box-shadow:none;margin:0;padding:0}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{background:var(--swiper-theme-color);background:var(--swiper-pagination-color,var(--swiper-theme-color));opacity:1;opacity:var(--swiper-pagination-bullet-opacity,1)}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{left:auto;left:var(--swiper-pagination-left,auto);right:8px;right:var(--swiper-pagination-right,8px);top:50%;transform:translate3d(0,-50%,0)}.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{display:block;margin:6px 0;margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:transform .2s,top .2s}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 4px;margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:transform .2s,left .2s}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:transform .2s,right .2s}.swiper-pagination-fraction{color:inherit;color:var(--swiper-pagination-fraction-color,inherit)}.swiper-pagination-progressbar{background:#00000040;background:var(--swiper-pagination-progressbar-bg-color,#00000040);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-theme-color);background:var(--swiper-pagination-color,var(--swiper-theme-color));height:100%;left:0;position:absolute;top:0;transform:scale(0);transform-origin:left top;width:100%}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{height:4px;height:var(--swiper-pagination-progressbar-size,4px);left:0;top:0;width:100%}.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar{height:100%;left:0;top:0;width:4px;width:var(--swiper-pagination-progressbar-size,4px)}.swiper-pagination-lock{display:none}#portifolio{height:800px;margin-top:2rem;padding:5em 0}#portifolio .swiper{padding-bottom:50px;padding-top:50px;width:100%}#portifolio .swiper-slide{align-items:center;background-position:50%;background-size:cover;color:#fff;display:flex;height:500px;justify-content:center;text-align:center;width:350px}#portifolio .swiper-slide img{display:block;height:350px;width:100%}#portifolio h2{color:#55595a;text-align:center;width:100%}.portifolioDiv{border:1px solid #ddd;border-radius:8px;box-shadow:0 0 .5rem aqua;color:#fff;margin:10px;max-width:300px;padding:15px;transition:transform .4s ease-in-out}.portifolioDiv:hover{transform:scale(1.15)}.portifolioDiv img{border-radius:8px;height:60%;margin-bottom:15px;max-width:100%;position:relative;width:300px}.portifolioDiv h3{color:#333;font-size:1.5em;margin-bottom:10px}.portifolioDiv p{color:#666}.portifolioDiv a{background-color:#3498db;border-radius:5px;color:#fff;display:block;margin-top:15px;padding:10px 20px;text-decoration:none;transition:background-color .3s ease-in-out}.portifolioDiv a:hover{background-color:#2980b9}#project{padding:50px 0;text-align:center}#project h2{color:#fff}.project-container{align-items:center;display:flex;flex-wrap:wrap;justify-content:center;margin-top:10px}.project{background-color:#090810;border:1px solid #302e2e;border-radius:8px;box-shadow:0 0 10px #0000001a;margin:15px;max-width:400px;padding:10px;position:relative;width:100%;width:370px}.custom-progress{animation:rotate-progress 25s linear infinite;border:5px dashed aqua;border-radius:50%;border-top:2px solid #0000;height:100%;left:0;position:absolute;top:0;transform-origin:50% 50%;width:100%}@keyframes rotate-progress{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.project img{border-radius:8px;margin-bottom:10px;max-width:100%}.project h3{color:#3498db;font-size:1.5em;margin-bottom:10px}.project p{color:#666;font-size:1em}.project-details{margin-top:10px}.project a{background-color:#3d5e5e;border-radius:5px;color:#fff;display:block;margin-top:15px;padding:10px 20px;text-decoration:none;transition:background-color .3s ease-in-out}.project a:hover{background-color:#373c3c}@media only screen and (max-width:768px){.project{background-color:#090810;border:1px solid #302e2e;border-radius:8px;box-shadow:0 0 10px #0000001a;margin:2em;max-width:400px;padding:10px;position:relative;width:100%;width:370px}.project img{border-radius:8px;margin-bottom:10px;margin-top:1em;max-width:100%}.project h3{color:#3498db;font-size:1.5em;margin-bottom:10px}.project p{color:#666;font-size:1em}.project-details{margin-top:10px}.project a{background-color:#3d5e5e;border-radius:5px;color:#fff;display:block;margin-top:15px;padding:10px 20px;text-decoration:none;transition:background-color .3s ease-in-out}.project a:hover{background-color:#373c3c}}#comment{padding:80px 20px;text-align:center}#comment form{margin:0 auto;max-width:600px}#comment h2{color:aqua}#comment p{color:#fff;margin-bottom:30px}#comment label{color:#fff;display:block;margin-bottom:8px}#comment input,textarea{border:1px solid #ddd;border-radius:8px;box-sizing:border-box;color:#000;font-size:16px;margin-bottom:20px;padding:15px;width:100%}#comment button{background-color:#3498db;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;padding:15px 25px;transition:background-color .3s ease-in-out}#comment button:hover{background-color:#2980b9}@media (max-width:768px){form{padding:0 20px}}#certificates{height:700px}#certificates h2{color:#748b8b;margin:.5em;position:relative;text-align:center;width:100%}#certificates .swiper{height:600px;padding:2em;width:740px}#certificates .swiper-slide{align-items:center;border-radius:18px;color:#fff;display:flex;font-size:22px;font-weight:700;justify-content:center;overflow:hidden;position:relative}#certificates .swiper-slide img{border-radius:18px;height:100%;object-fit:cover;transition:transform .3s;width:100%}#certificates .swiper-slide:hover img{border:3px solid #fff;transform:scale(1.01)}#certificates .swiper-slide:nth-child(1n){border:3px solid #854037}#certificates .swiper-slide:nth-child(2n){border:3px solid #008cff}#certificates .swiper-slide:nth-child(3n){border:3px solid #0ab86f}#certificates .swiper-slide:nth-child(4n){border:3px solid #d37a07}#certificates .swiper-slide:nth-child(5n){border:3px solid #76a30c}#certificates .swiper-slide:nth-child(6n){border:3px solid #b40a2f}#certificates.swiper-slide:nth-child(7n){border:3px solid #236313}@media only screen and (max-width:768px){#certificates{height:450px}#certificates h2{color:#6f9696;margin:.5em;position:relative;text-align:center;width:100%}#certificates .swiper{height:310px;padding:2em;position:relative;width:380px}#certificates .swiper-slide img{border-radius:18px;height:100%;object-fit:cover;transition:transform .3s;width:100%}#certificates .swiper-slide:hover img{border:3px solid #fff;transform:scale(1.01)}}.swiper.swiper-cards{overflow:visible}.swiper-cards .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;transform-origin:center bottom}
/*# sourceMappingURL=main.6f47ee5a.css.map*/