a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;font-family:Inter18;background-color:#f7f7f7}@font-face{font-family:Inter18;src:local("Inter_18pt-Regular"),url(/assets/Inter_18pt-Regular-BpskOkD5.ttf)}.main-header{position:fixed}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}#root{margin-left:1em;margin-right:1em;text-align:center}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}@media (max-width: 600px){#root{margin-left:0;margin-right:0;text-align:null}}.card-container{height:175px;width:350px}.card-container img{height:100%;object-position:center;width:100%;transition-duration:.3s;filter:brightness(95%)}.card-container{background-color:#d3d3d3}.card-banner{position:relative;top:0;background-color:#0988e8;height:0px;line-height:25px;opacity:0;color:#fff;text-align:left;padding-left:20px}.card-banner:hover{cursor:pointer}@keyframes smooth-appear{to{top:-25px;opacity:.75;height:25px}}@keyframes image-shrink{to{width:90%;transform:translate(0)}}@keyframes image-expand{0%{width:90%;transform:translate(0)}to{width:100%;transform:translate(0)}}@keyframes banner-gone{0%{top:-25px;opacity:.75;height:25px}to{top:0;opacity:0;height:0px}}.image-appear{animation:image-shrink .3s ease forwards}.image-expand{animation:image-expand .3s ease forwards}.banner-gone{animation:banner-gone .3s ease forwards}.banner-appear{animation:smooth-appear .3s ease forwards}.title-explorer{text-align:center;font-size:2.25em;margin-bottom:25px;font-weight:700}.explorer-cards{display:flex;gap:5px}@media (max-width: 600px){.explorer-cont{margin-bottom:48px!important}.title-explorer{text-align:center;font-size:1.35em;margin-bottom:25px;font-weight:700}.explorer-cards{align-items:flex-start;max-width:100vw;gap:5px;display:flex;flex-direction:row;flex-wrap:wrap}.explorer-cards>*{height:164.6px;width:calc(50vw - 5px)}}.bio-skill-skill{background-color:#0988e8;padding:7px;border-radius:1px;color:#fff;font-size:12px}.bio-main{width:calc(100% - 20em);padding-left:10em;padding-right:4em}.bio-title{font-size:2.25em;text-align:center;margin-top:64px;margin-bottom:25px;font-weight:700}.skills-cont{display:flex;gap:5px;flex-wrap:wrap}.skills-title{font-weight:700;margin-top:10px;margin-bottom:5px;text-align:left}.bio-intro{font-weight:700;font-size:1.75em;text-align:left;margin-top:25px;margin-bottom:25px}.bio-bio{font-size:1.25em;margin-top:25px;margin-bottom:25px;text-align:left}.skills-img-me{float:right;height:250px;padding-left:25px;border-radius:25%}@media (max-width: 600px){.bio-main{width:calc(100vw - 4em);padding-left:2em;padding-right:2em}.bio-title{font-size:1.35em;text-align:center;margin-top:0;margin-bottom:25px;font-weight:700}.skills-img-me{float:right;height:150px;padding-left:10px;border-radius:25%}.skills-cont{flex-wrap:wrap}}.main-home-image img{width:100%;background-color:#000;filter:brightness(50%);animation:fadeIn .5s ease-in}.main-text-home{position:absolute;top:calc(50% - 48px);left:50%;transform:translate(-50%,-50%);color:#fff;animation:fadeIn 1.5s ease-in;text-align:center}.main-home-image a{color:#0988e8}.main-text-home-title{font-size:4.5em;font-weight:300;margin-bottom:10px}.main-text-home-text{font-size:1.5em;margin-bottom:20px}.sub-text-home{font-size:1.5em}.explorer-cont{width:100%;margin-top:64px;margin-bottom:128px;display:flex;justify-content:center}.bouncing-arrow{font-size:32px;animation:bounce 2s infinite,fadeIn 1.5s ease-in;filter:brightness(50%);margin-top:342px;color:#fff;position:absolute;top:calc(50% - 48px);left:50%;transform:translate(-50%,-50%);text-align:center}@keyframes bounce{0%{transform:translateY(0)}to{transform:translateY(0)}20%,50%,80%{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(0)}}@media (max-width: 600px){.main-text-home-title{font-size:1.45em;font-weight:300;margin-bottom:10px}.main-text-home-text{font-size:1em;margin-bottom:20px}.main-home-image img{height:900px}}.task{width:100%;max-width:1008px;padding-bottom:48px;border-bottom:1px solid lightgrey;animation:fadeIn 1s ease-in}.task-title-title{font-weight:700;font-size:1.5em;margin-top:2em;margin-bottom:2em;line-height:1.3333333;text-align:left}.task-img-1-discription{display:grid;grid-gap:25px;grid-template-columns:repeat(12,1fr);grid-template-rows:repeat(12,1fr);height:575px;margin-bottom:25px}.task-description-cont{grid-column:1/5;grid-row:1/13;text-align:left;display:grid;font-size:1.05em;line-height:1.55rem;font-weight:100}.task-img-1{grid-column:5/13;grid-row:1/9}.task-img-1 img{width:100%;height:100%}.my-role-title{font-weight:600;font-size:1.25em;margin-top:1.6em;margin-bottom:.6em;line-height:1.6}.task-title{font-weight:600;font-size:1.55em;margin-bottom:.6em;line-height:1.6}.task-main-container,.task-img-2{width:100%}.task-par1{margin-bottom:25px;margin-top:25px}.work{padding-top:100px;max-width:fit-content;margin-left:auto;margin-right:auto}.main-header{font-family:Inter18;font-size:22px;width:calc(100% - 5.45em);height:36px;line-height:36px;padding:32px 2em 16px;display:flex;justify-content:space-between;color:#fff;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffff01;z-index:10001;animation:fadeIn 1.5s ease-in}.main-name{font-weight:700;color:#fff}.name-last{color:#0988e8!important}.main-links{display:flex;gap:15px}.main-links a{color:#fff}.black .main-links a{color:#000!important}.activeNow{text-decoration:underline;text-decoration-color:#0988e8}.black .main-name{color:#000!important}@keyframes fallIn{0%{top:-20px;opacity:0}to{top:0;opacity:1}}.name-last{animation:fallIn 1.5s;position:relative}@media (max-width: 600px){.main-header{width:100vw;padding-left:1.5em;font-size:1.25em;height:24px;padding-top:16px;text-align:left;position:fixed;top:0;left:0}.main-links{display:none;visibility:hidden}}.footer-main{font-family:Inter18;font-size:18px;width:100%;margin-top:128px;padding-bottom:16px;height:36px;line-height:36px;display:flex;justify-content:space-between}span a{color:#000;margin-right:5px}span a:hover{color:#000}.footer-links{display:flex;gap:10px}
