*{box-sizing:border-box;padding:0;margin:0}body{padding:0 1rem}table{margin-top:2rem;border-spacing:3px;width:1100px;max-width:95vw;min-width:800px;overflow:auto}thead{background-color:#82f284}.td-title{background-color:#d0f5d0}td,th{text-align:center}tr:nth-child(odd){background-color:#f9f6f6}tr:nth-child(2n){background-color:#d2d0d0}th{background-color:#4caf50;color:#fff}td,th{height:30px}.t-container{width:1100px;overflow-x:scroll;margin:0 auto}.t-title{text-align:center;color:#4caf50;margin-top:2rem}.t-subtitle{background-color:#82f284}.t-subtitle-n{background-color:#f282cf}.t-subtitle-q{background-color:#82a5f2}.flex{display:flex;justify-content:center}@media screen and (max-width:1200px){.t-container{width:unset}}:root{--primary:#f2d544;--dark-blue:#130c24;--black:#232020;--gray-dark:#666;--gray:#999;--gray-light:#bdbdbd;--beige:#f5f5f1;--gap--lg:100px;--gap:80px;--text-color:#fff;--light-icon:#fff;--dark-icon:var(--black);--anchor-color:var(--primary);--primary-glow:conic-gradient(from 180deg at 50% 50%,#16abff33 0deg,#0885ff33 55deg,#54d6ff33 120deg,#0071ff33 160deg,transparent 360deg);--tile-border:conic-gradient(#ffffff80,#ffffff40,#ffffff30,#ffffff20,#ffffff10,#ffffff10,#ffffff80)}html{background-color:var(--dark-blue);color:var(--text-color)}:global(.ant-form-item-label){background-color:#000;color:#fff}html.light-theme{background-color:var(--beige);--text-color:var(--black);--gray-light:var(--gray-dark);--light-icon:var(--black);--dark-icon:#fff;--anchor-color:var(--black)}*,:after,:before{box-sizing:border-box}html{scroll-behavior:smooth;font-size:62.5%}@media(max-width:600px){:root{--gap--lg:40px;--gap:30px}html{font-size:48%}}@media(max-width:440px){html{font-size:43%}}body{margin:0;font-size:1.6rem}.title--lg{font-size:9rem;font-weight:700;line-height:1.05}.title{font-size:3.1rem;font-weight:400;line-height:1.77}.title--sm{letter-spacing:.2rem;text-transform:uppercase;font-size:1.6rem;font-weight:600;line-height:1.06}.content-rs{margin:0 8rem 15rem}@media screen and (max-width:900px){.content-rs{margin:0 2rem 15rem}}.form-rs{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;padding:1rem;border-radius:8px;border:1px solid gray;margin:7rem 8rem 5rem}.form-rs .ant-form-item-control-input{height:100%;min-width:43vw!important}@media screen and (max-width:680px){.form-rs{border:none}}@media screen and (max-width:900px){.form-rs{margin:7rem 2rem 5rem}}.title-rs{display:flex;flex-direction:column;margin-right:3rem;margin-bottom:2rem;font-size:2.2rem;line-height:1.77}.title-rs span{font-weight:700;width:200px;position:relative}.title-rs span i:after{content:"2";font-size:17px;font-weight:900;position:absolute;top:-.6rem;right:9.3rem}@media screen and (max-width:600px){.title-rs span i:after{font-size:16px;right:unset;left:9.7rem}}.title-rs--vol{display:flex;flex-direction:column;margin-right:3rem;margin-bottom:2rem;font-size:2.2rem;line-height:1.77}.title-rs--vol span{font-weight:700;width:200px;position:relative}.title-rs--vol span i{font-size:17px;font-weight:900;position:absolute;top:-.6rem;right:5rem}@media screen and (max-width:600px){.title-rs--vol span i{font-size:16px;right:unset;left:13.9rem}}.text-rs{font-size:17px;line-height:1.77;margin-bottom:40px}.text--xl{font-size:2.8rem;font-weight:300;line-height:1.77}.text--lg{font-size:2.2rem;font-weight:300;line-height:1.9}.text--bold{font-weight:600}.text,.text--bold{font-size:1.8rem;line-height:1.77}.text,.text--sm{font-weight:400}.text--sm{font-size:1.6rem;line-height:1.77}.layout-section{padding-bottom:200px;scroll-margin-top:20px}.layout-section-title{margin-bottom:36px}.layout-grid-half{grid-gap:var(--gap);gap:var(--gap);grid-template-columns:1fr 1fr;display:grid}@media(max-width:600px){.layout-section{padding-bottom:100px}.layout-grid-half{grid-template-columns:1fr}}.btn{all:unset;box-sizing:border-box;outline:revert;cursor:pointer;letter-spacing:2px;text-transform:uppercase;font-size:14px;font-weight:600;line-height:1.5;text-decoration:none;transition:transform .18s,opacity .18s;display:inline-block}.btn:hover{opacity:.8}.btn:active{transform:translate(1px,1px)}.btn--raised{white-space:pre;background-color:var(--primary);color:var(--black);background-image:url(https://res.cloudinary.com/dbfn5lnvx/image/upload/v1648478882/learnhtmlcss/portfolio/arrow-right.svg);background-position:right 20px center;background-repeat:no-repeat;padding:12px 53px 12px 24px}.btn--link{color:var(--text-color);padding:12px}.btn--link:after{content:"";border:1px solid var(--primary);height:4px;width:100%;display:inline-block}.btn--nav{color:var(--text-color);opacity:.7;padding:12px}.btn--nav:hover{opacity:1}.tags{padding-left:0}.tag{--tag-color:var(--gray);letter-spacing:1px;outline:1px solid transparent;margin:8px 8px 8px 0;padding:12px 16px;font-size:1.6rem;font-weight:400;line-height:1.6;transition:transform .2s;display:inline-block;position:relative}.tag,.tag:before{border:1px solid var(--tag-color)}.tag:before{content:"";position:absolute;inset:-3px}.tag:hover{--tag-color:var(--primary);color:var(--primary);outline-color:var(--tag-color)}.nav{justify-content:space-between;align-items:center;padding-block:25px;display:flex}.nav-links{gap:10px;padding-left:0;list-style:none;display:flex}@media(max-width:800px){.nav-links li{display:none}.nav-links li:last-child{display:initial}}.portfolio{grid-gap:var(--gap);gap:var(--gap);grid-template-columns:300px 1fr;margin-bottom:100px;display:grid}@media(min-width:601px){.portfolio:nth-child(odd){grid-template-columns:1fr 300px}.portfolio:nth-child(odd) .portfolio-screenshot{order:1}}.portfolio-screenshot{border-radius:50%;width:300px;height:300px;object-fit:cover}@media(max-width:600px){.portfolio{grid-template-columns:1fr}.portfolio-screenshot{width:175px;height:175px}}.input{width:100%;border:none;border-bottom:1px solid var(--gray);color:var(--text-color);background-color:transparent;margin-bottom:24px;padding:12px 10px;font-size:22px;font-weight:300;line-height:1.9;transition:border-color .2s}.input:focus{border-bottom-color:var(--primary);outline:none}textarea.input{resize:vertical;min-height:100px}.footer{justify-content:space-between}.footer,.footer .side{align-items:center;display:flex}.footer .side{gap:16px}.footer-sm{gap:16px;list-style:none;display:flex}.footer-name{margin-bottom:0}.footer-rights{margin-top:0}@media(max-width:600px){.footer{flex-direction:column}}.scroll-down{text-align:center;position:absolute;bottom:25px;left:0;right:0}.scroll-down svg{--scroll-fill:var(--dark-icon);cursor:pointer;transition:fill .35s;animation:bounce 1.6s cubic-bezier(.445,.05,.55,.95) infinite}.scroll-down svg:hover{--scroll-fill:var(--light-icon)}@keyframes bounce{50%{transform:translateY(-15px)}}#toggle-theme{all:unset;outline:revert;box-sizing:border-box;cursor:pointer;z-index:1;padding:5px;transition:transform .18s;position:fixed;top:5px;right:5px}#toggle-theme:active{transform:translate(1px,1px)}#intro{position:relative}.intro-name{margin-bottom:0}.intro-tagline{overflow-wrap:break-word;margin-top:0;margin-bottom:40px}.hire-form{grid-gap:var(--gap--lg);gap:var(--gap--lg);grid-template-columns:1fr 3fr;display:grid}.hire-action{justify-content:flex-end;align-items:center;display:flex}.hire-line{gap:16px;margin-bottom:37px;display:flex}.hire-subtitle{margin-top:0;margin-bottom:5px}.hire-value{margin-top:0}@media(max-width:600px){.hire-form{grid-template-columns:1fr}}a{color:var(--anchor-color);opacity:.85;transition:opacity .2s}a:hover{opacity:1}p{color:var(--gray-light)}body,textarea{font-family:Poppins,sans-serif}address{font-style:normal}blockquote,figure{margin:0}strong{font-weight:inherit}.container{max-width:960px;margin-inline:auto;padding-inline:20px}::selection{background-color:var(--primary);color:var(--black)}.text--right{text-align:end}.btn--wa{position:fixed;bottom:24px;right:24px;z-index:200;width:56px;height:56px;border-radius:50%;background:#25d366;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 20px rgba(37,211,102,.45);animation:wa-pulse 3s ease-in-out infinite;transition:transform .2s ease,box-shadow .2s ease;text-decoration:none}.btn--wa:hover{transform:scale(1.08);box-shadow:0 6px 28px rgba(37,211,102,.65);animation:none}@keyframes wa-pulse{0%,to{box-shadow:0 4px 20px rgba(37,211,102,.45)}50%{box-shadow:0 4px 32px rgba(37,211,102,.65),0 0 0 8px rgba(37,211,102,.1)}}@media(max-width:768px){.btn--wa{bottom:16px;right:12px;width:52px;height:52px}}