@import"https://fonts.googleapis.com/css2?family=Abril+Fatface&family=Bruno+Ace&family=Great+Vibes&family=Libre+Baskerville:wght@700&family=Playfair+Display:ital,wght@0,500;0,900;1,900&display=swap";@import"https://fonts.googleapis.com/css?family=Lato:100,400";p{line-height:2;font-size:.8em;margin-bottom:15px;font-family:"Libre Baskerville",serif}.btn{font-family:"Segoe UI",Tahoma,Geneva,Verdana,sans-serif;font-weight:400;font-size:.9em;color:#000;text-decoration:none;padding:5px 15px;border-radius:5px;background-color:#fff;transition:.2s;opacity:1}.btn:focus,.btn:hover{background-color:#00535e;color:#fff;transition:.5s}body{padding:0 0}body{background:#e9ebee;min-height:100vh}@keyframes animateShadow{0%{text-shadow:0px 0px #00a2ff, -1px 1px #00a2ff, -2px 2px #00a2ff, -3px 3px #ff6600, -4px 4px #ff6600, -5px 5px #d400ff, -6px 6px #d400ff, -7px 7px #00ccff, -8px 8px #00ccff, -9px 9px #00ffbf,-10px 10px #00ffbf}20%{text-shadow:0px 0px #ff6600, -1px 1px #ff6600, -2px 2px #ff6600, -3px 3px #d400ff, -4px 4px #d400ff, -5px 5px #00ccff, -6px 6px #00ccff, -7px 7px #00ffbf, -8px 8px #00ffbf, -9px 9px #00a2ff,-10px 10px #00a2ff}40%{text-shadow:0px 0px #d400ff, -1px 1px #d400ff, -2px 2px #d400ff, -3px 3px #00ccff, -4px 4px #00ccff, -5px 5px #00ffbf, -6px 6px #00ffbf, -7px 7px #00a2ff, -8px 8px #00a2ff, -9px 9px #ff6600,-10px 10px #ff6600}60%{text-shadow:0px 0px #00ccff, -1px 1px #00ccff, -2px 2px #00ccff, -3px 3px #00ffbf, -4px 4px #00ffbf, -5px 5px #00a2ff, -6px 6px #00a2ff, -7px 7px #ff6600, -8px 8px #ff6600, -9px 9px #d400ff,-10px 10px #d400ff}80%{text-shadow:0px 0px #00ffbf, -1px 1px #00ffbf, -2px 2px #00ffbf, -3px 3px #00a2ff, -4px 4px #00a2ff, -5px 5px #ff6600, -6px 6px #ff6600, -7px 7px #d400ff, -8px 8px #d400ff, -9px 9px #00ccff,-10px 10px #00ccff}100%{text-shadow:0px 0px #00a2ff, -1px 1px #00a2ff, -2px 2px #00a2ff, -3px 3px #ff6600, -4px 4px #ff6600, -5px 5px #d400ff, -6px 6px #d400ff, -7px 7px #00ccff, -8px 8px #00ccff, -9px 9px #00ffbf,-10px 10px #00ffbf}}.title{padding:40px;font-weight:600;line-height:.9;font-size:7em;color:#e9ebee;text-shadow:0px 0px #00a2ff, -1px 1px #00a2ff, -2px 2px #00a2ff, -3px 3px #ff6600, -4px 4px #ff6600, -5px 5px #d400ff, -6px 6px #d400ff, -7px 7px #00ccff, -8px 8px #00ccff, -9px 9px #00ffbf,-10px 10px #00ffbf;animation-name:animateShadow;animation-duration:2s;animation-iteration-count:infinite;font-family:"Libre Baskerville",serif}@media screen and (max-width: 960px){.title{padding:40px 0;font-size:3em}}html{cursor:pointer;overflow-x:hidden}a{cursor:crosshair}.content{padding:5% 20%}@media screen and (max-width: 1200px){.content{padding:5% 15%}}@media screen and (max-width: 700px){.content{padding:5% 5%}}main::before{content:"";position:fixed;height:100vh;width:100vw;background-image:repeating-linear-gradient(0deg, rgba(0, 0, 0, 0.062745098), rgba(0, 0, 0, 0.062745098) 5px, transparent 5px, transparent);background-size:200px 200px;background-color:rgba(255,255,255,0);filter:blur(10px);z-index:-1;top:0}main::after{content:attr(data-text);position:fixed;white-space:nowrap;font-size:16vw;font-family:"Bruno Ace",cursive;text-transform:capitalize;color:#000;opacity:.05;bottom:0;z-index:-1;letter-spacing:-10px}.next{display:inline-block;padding:15px;text-transform:capitalize;opacity:.9;font-size:1.2em}.next:hover,.next:focus{color:#00535e}.next .arrow{animation:myAnim 2s ease 0s infinite normal forwards}@keyframes myAnim{0%{transform:translateX(0)}80%{transform:translateX(10px)}100%{transform:translateX(0px)}}*,*::after,*::before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}*{margin:0;padding:0;list-style:none}*::selection{background-color:#00535e;color:#fff}body{font-size:18px}@media screen and (max-width: 960px){body{font-size:18px}}a{text-decoration:none;color:#000;transition:.5s;position:relative;opacity:.5;font-family:"Playfair Display",serif}a:hover,a:focus{color:#000;transition:.3s}a.hover::after{content:"";position:absolute;border:0px solid #000;width:0px;bottom:0;left:50%;transition:.5s}a.hover:hover::after,a.hover:focus::after{content:"";position:absolute;border:1px solid #000;width:200%;bottom:0;left:-50%;transition:.5s}a.hover-short::after{content:"";position:absolute;border:0px solid #000;width:0px;bottom:0;left:0%;transition:.5s}a.hover-short:hover::after,a.hover-short:focus::after{content:"";position:absolute;border:1px solid #000;width:100%;bottom:0;left:0%;transition:.5s}.work-experience{grid-area:W}.skills{transition:.5s;grid-area:S;max-height:800px}@media screen and (max-width: 700px){.skills{scale:.8}}.Education{grid-area:E}.certificates{grid-area:C}.next{grid-area:N}.socials{grid-area:L}.title{grid-area:T}.resume-page{display:grid;grid-template-columns:1fr 150px;gap:50px;grid-template-areas:"T T" "W S" "E S" "C S" "N ." "L L"}@media screen and (max-width: 700px){.resume-page{grid-template-columns:3fr 1fr;gap:0px}}.resume-page .list-circle h3{text-align:right}.resume-page .list-circle a{opacity:1;display:inline-block;margin-bottom:15px}.resume-page .list-circle li{border-left:none;border-right:1px solid #000}.resume-page .list-circle li::after{left:auto;right:-8px}.resume-page .list-caption{text-align:right;margin-left:25px;margin-bottom:25px;margin-top:30px;text-transform:uppercase}header{padding-top:100px;font-size:1.5em}header nav{width:80%;margin:0 10%;display:grid;grid-template-columns:100px 1fr 100px;gap:50px;align-items:center}header nav ul{justify-content:end;align-items:center;display:flex}header nav ul li{margin-left:10%}header .theme-switcher{display:flex;align-items:center;color:rgba(0,0,0,.5);cursor:crosshair}header .checkbox{display:none}@media screen and (max-width: 700px){header{padding-top:100px}header .logo{height:250px;margin-bottom:-100px}header nav{transform:translateX(200vw);transition:transform 1s;position:fixed;width:100%;height:100vh;margin:0;padding:0% 0%;display:flex;background-color:#e9ebee;justify-content:start;align-items:center;flex-direction:column;z-index:100}header nav ul{justify-content:end;align-items:center;display:flex;flex-direction:column}header nav ul li{margin-left:10%;margin-top:15px}header .checkbox{position:absolute;display:block;height:32px;width:32px;top:20px;right:20px;z-index:5;opacity:0;cursor:crosshair}header .hamburger-lines{display:block;height:26px;width:32px;position:absolute;top:17px;right:20px;z-index:2;display:flex;flex-direction:column;justify-content:space-between}header .hamburger-lines .line{display:block;height:4px;width:100%;border-radius:10px;background:#0e2431}header .hamburger-lines .line1{transform-origin:0% 0%;transition:transform .4s ease-in-out}header .hamburger-lines .line2{transition:transform .2s ease-in-out}header .hamburger-lines .line3{transform-origin:0% 100%;transition:transform .4s ease-in-out}header input[type=checkbox]:checked~nav{transform:translateX(0vw)}header input[type=checkbox]:checked~.hamburger-lines .line1{transform:rotate(45deg)}header input[type=checkbox]:checked~.hamburger-lines .line2{transform:scaleY(0)}header input[type=checkbox]:checked~.hamburger-lines .line3{transform:rotate(-45deg)}header input[type=checkbox]:checked~.logo{display:none}}.socials{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;margin-top:20px;place-items:center;background-color:#fff;border-radius:5px}.socials li{width:100%}.socials a{display:inline-block;width:100%;text-align:center;font-size:1.5em;padding:15px;transition:.5s}.socials a:hover,.socials a:focus{opacity:1;color:#fff;background-color:#00535e;border-radius:5px;transition:.5s}.demo-3{--color-text: #15aacfb6}body{cursor:crosshair;cursor:none}.demo-3 .circle-cursor{position:fixed;left:0px;top:0px;pointer-events:none;border-radius:50%}.demo-3 .circle-cursor--outer{width:80px;height:80px;border:1px solid var(--color-text);z-index:12000;opacity:1}.demo-3 .circle-cursor--inner{width:5px;height:5px;left:-2.5px;top:-2.5px;z-index:11000;background:var(--color-text)}.list-caption{margin-left:25px;margin-bottom:25px;margin-top:30px;text-transform:uppercase}.list-circle a{opacity:1;display:inline-block;margin-bottom:15px}.list-circle li{border-left:1px solid #000;padding:15px;padding-bottom:30px;position:relative}.list-circle li:first-child::before{content:"";position:absolute;width:20%;height:70%;border-top:1px solid rgba(0,0,0,.5);border-left:1px solid rgba(0,0,0,.5);top:-30px;left:-30px;filter:blur(5px)}.list-circle li:last-child{padding-bottom:0px;margin-bottom:25px}.list-circle li:last-child::before{content:"";position:absolute;width:20%;height:70%;border-bottom:1px solid rgba(0,0,0,.5);border-right:1px solid rgba(0,0,0,.5);bottom:0;right:0;filter:blur(5px)}.list-circle li::after{content:"";position:absolute;width:16px;height:16px;border:2px solid #000;background-color:#e9ebee;border-radius:50%;top:-8px;left:-8px}.list-circle p{opacity:.7}.gallery{display:flex;padding:2px;transition:.3s}.gallery a{opacity:1;margin-bottom:30px;border:2px solid #000}.gallery:hover .gallery__image{filter:grayscale(1)}.gallery__column{display:flex;flex-direction:column;width:50%}.gallery__link{margin:10px;overflow:hidden}.gallery__link:hover .gallery__image{filter:grayscale(0)}.gallery__link:hover .gallery__caption{opacity:1}.gallery__thumb{position:relative}.gallery__image{display:block;width:100%;transition:.3s}.gallery__image:hover{transform:scale(1.1)}.gallery__caption{position:absolute;bottom:0;left:0;padding:25px 15px 15px;width:100%;font-family:"Raleway",sans-serif;font-size:1.2em;color:#fff;opacity:0;background:linear-gradient(0deg, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%);transition:.3s}.gallery__caption h2{margin-bottom:10px}.gallery__caption .tec{display:flex}.gallery__caption .tec li{font-size:.8em;background-color:#000;padding:10px 15px;border-radius:50px;margin-left:10px}@keyframes load{0%{stroke-dashoffset:0}}.progress{position:relative;display:inline-block;padding:0;text-align:center}.progress>li{display:inline-block;position:relative;text-align:center;color:#000;font-family:Lato;font-weight:100;margin:2rem;border-radius:50%;background-color:#e9ebee}.progress>li:before{content:attr(data-name);position:absolute;width:100%;bottom:-2rem;font-weight:400;font-size:1.2em}.progress>li:after{content:attr(data-percent);position:absolute;width:100%;top:5rem;left:0;font-size:2rem;text-align:center}.progress svg{width:12rem;height:12rem}.progress svg:nth-child(2){position:absolute;left:0;top:0;transform:rotate(-90deg)}.progress svg:nth-child(2) path{fill:none;stroke-width:25;stroke-dasharray:629;stroke:#e9ebee;opacity:.9;animation:load 10s}