@import url("https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,400;0,700;1,400&family=Roboto:wght@400;500&display=swap");html{box-sizing:border-box;font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}*,*:before,*:after{box-sizing:inherit}body{background:#fff;margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}p{margin:0 0 1.9em 0}address{font-style:normal;margin:0}abbr[title],acronym{cursor:help}b,strong{font-weight:bold}dfn,cite,em,i{font-style:italic}mark,ins{color:#000;background:#fff9c0;text-decoration:none}small{font-size:80%}big{font-size:125%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}blockquote{margin:0 1.9em}blockquote,q{quotes:"" ""}blockquote:before,blockquote:after,q:before,q:after{content:""}embed,iframe,object{max-width:100%}img{border:0;height:auto;max-width:100%}svg:not(:root){overflow:hidden}figure{margin:0;padding:0}figure img{display:block}hr{display:block;background-color:rgba(119,119,119,0.1);border:0;height:1px;margin-bottom:1.5em}pre{overflow:auto}code,kbd,pre,samp{overflow:auto;padding:30px 40px;margin-top:0;margin-bottom:2em;background:#22242b;border-radius:4px;font-family:"Courier 10 Pitch", Courier, monospace;color:#c0c0c0;font-size:14px;font-size:.875rem}code:last-child,kbd:last-child,pre:last-child,samp:last-child{margin-bottom:0}pre code{display:block;padding:0;margin:0;font-size:inherit;font-family:inherit}body,button,input,select,textarea{line-height:1.8;font-size:16px;font-size:1rem;font-family:"Inter",sans-serif;color:#555}h1,.h1,h2,.h2,h3,.h3,h4,.h4,h5,.h5,h6,.h6{padding:0;margin-top:0;color:#37394e;font-family:"Inter",sans-serif}h1,.h1{font-size:32px;font-size:2rem;line-height:1.3;margin-bottom:25px}h2,.h2{font-size:28px;font-size:1.75rem;line-height:1.3;margin-bottom:25px}h3,.h3{font-size:24px;font-size:1.5rem;line-height:1.3;margin-bottom:20px}h4,.h4{font-size:20px;font-size:1.25rem;line-height:1.3;margin-bottom:15px}h5,.h5{font-size:18px;font-size:1.125rem;line-height:1.4;margin-bottom:15px}h6,.h6{font-size:12px;font-size:.75rem;text-transform:uppercase;color:#2881ff;letter-spacing:1px;line-height:1.5;margin-bottom:30px}a{text-decoration:none;outline:none !important}.button{-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;border-radius:10px;border:none;transition:all .3s ease-in-out;display:inline-block;line-height:1.3;padding:16px 32px 16px 32px;cursor:pointer;text-align:center;text-decoration:none !important;font-size:16px;font-size:1rem;font-family:"Inter",sans-serif;vertical-align:top;background:#17181c;color:white;font-weight:600}.button:hover{background:#23242a}.button.secondary{background:#eeeef1}.button.secondary:hover{background:#fff}.button.outlined{background:none;color:#17181c;box-shadow:inset 0 0 0 1px #2e3038}.button.outlined:hover{box-shadow:inset 0 0 0 2px #2e3038}.button.large{padding:22px 44px 22px 44px;font-size:18px;font-size:1.125rem}button,input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;border-radius:10px;border:none;transition:all .3s ease-in-out;display:inline-block;line-height:1.3;padding:16px 32px 16px 32px;cursor:pointer;text-align:center;text-decoration:none !important;font-size:16px;font-size:1rem;font-family:"Inter",sans-serif;vertical-align:top;background:#17181c;color:white;font-weight:600}button:hover,input[type="button"]:hover,input[type="reset"]:hover,input[type="submit"]:hover{background:#23242a}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}input[type="text"],input[type="email"],input[type="url"],input[type="password"],input[type="search"],input[type="number"],input[type="tel"],input[type="range"],input[type="date"],input[type="month"],input[type="week"],input[type="time"],input[type="datetime"],input[type="datetime-local"],input[type="color"],textarea,select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:white;border:1px solid #ddd;border-radius:10px;color:#666;outline:none;transition:border-color .3s ease;padding:.5em .7em;vertical-align:top}input[type="text"]:focus,input[type="email"]:focus,input[type="url"]:focus,input[type="password"]:focus,input[type="search"]:focus,input[type="number"]:focus,input[type="tel"]:focus,input[type="range"]:focus,input[type="date"]:focus,input[type="month"]:focus,input[type="week"]:focus,input[type="time"]:focus,input[type="datetime"]:focus,input[type="datetime-local"]:focus,input[type="color"]:focus,textarea:focus,select:focus{border-color:#eeeef1;color:#222}input[type="text"]::-moz-placeholder, input[type="email"]::-moz-placeholder, input[type="url"]::-moz-placeholder, input[type="password"]::-moz-placeholder, input[type="search"]::-moz-placeholder, input[type="number"]::-moz-placeholder, input[type="tel"]::-moz-placeholder, input[type="range"]::-moz-placeholder, input[type="date"]::-moz-placeholder, input[type="month"]::-moz-placeholder, input[type="week"]::-moz-placeholder, input[type="time"]::-moz-placeholder, input[type="datetime"]::-moz-placeholder, input[type="datetime-local"]::-moz-placeholder, input[type="color"]::-moz-placeholder, textarea::-moz-placeholder, select::-moz-placeholder{color:#ccc}input[type="text"]:-ms-input-placeholder, input[type="email"]:-ms-input-placeholder, input[type="url"]:-ms-input-placeholder, input[type="password"]:-ms-input-placeholder, input[type="search"]:-ms-input-placeholder, input[type="number"]:-ms-input-placeholder, input[type="tel"]:-ms-input-placeholder, input[type="range"]:-ms-input-placeholder, input[type="date"]:-ms-input-placeholder, input[type="month"]:-ms-input-placeholder, input[type="week"]:-ms-input-placeholder, input[type="time"]:-ms-input-placeholder, input[type="datetime"]:-ms-input-placeholder, input[type="datetime-local"]:-ms-input-placeholder, input[type="color"]:-ms-input-placeholder, textarea:-ms-input-placeholder, select:-ms-input-placeholder{color:#ccc}input[type="text"]::placeholder,input[type="email"]::placeholder,input[type="url"]::placeholder,input[type="password"]::placeholder,input[type="search"]::placeholder,input[type="number"]::placeholder,input[type="tel"]::placeholder,input[type="range"]::placeholder,input[type="date"]::placeholder,input[type="month"]::placeholder,input[type="week"]::placeholder,input[type="time"]::placeholder,input[type="datetime"]::placeholder,input[type="datetime-local"]::placeholder,input[type="color"]::placeholder,textarea::placeholder,select::placeholder{color:#ccc}input[type="text"],input[type="email"],input[type="url"],input[type="password"],input[type="search"],input[type="number"],input[type="tel"],input[type="range"],input[type="date"],input[type="month"],input[type="week"],input[type="time"],input[type="datetime"],input[type="datetime-local"],input[type="color"],select{padding:.5em .7em}select{background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAw0lEQVRIS+2T3QkCMRCEZ1OBnXhLGtCKLMG7DuxIGwjRTuxgZeECMeTvHg4Uci+BY5hvZzYh7PzRzv4YgGbDo6Ifr8g5Nxtjbsz8zo3qvT8AuDDzUopSXLKaE9EVwJOIzilEzUXkDmASkcVaO+cgRcBq8ABwTCGxOYAXEZ1KKavXNAfRKcPkLXPVNt9BCllrmHrMuwAqSiD6q1pLvItmgiCOIKh1ni66GxCS6Fla6KZb1HyinYJNCTo9v2QD0Gzt/yv6AJroWRkI2OxmAAAAAElFTkSuQmCC");background-repeat:no-repeat;background-position:calc(100% - 4px) center;padding-right:2em}optgroup{font-weight:bold}textarea{width:100%;overflow:auto}[type=checkbox],[type=radio]{padding:0;box-sizing:border-box;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;display:inline-block;width:18px;height:18px;box-shadow:inset 0 0 0px 1px #ccc;transition:all .3s ease;background:white;cursor:pointer;border-radius:3px;vertical-align:top;border:none}[type=checkbox]:active,[type=radio]:active{box-shadow:inset 0 0 0px 2px #eeeef1}[type=checkbox]:hover,[type=radio]:hover{box-shadow:inset 0 0 0px 1px #eeeef1}[type=checkbox]:checked{background-color:#eeeef1;background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAvklEQVRIS+2U0Q3CMAwFzxuwCYwAEzECdAM2ghHoJmxgZJRIUWgTh9C/9Du9q59fKmz8yMZ8hqCa8IjoE5Gq7oCziEx5Zt0RBfgdOACTiFxTSZcgg8/AUURefxF44Cb6aQIvvChQVcvylo/cAl8VBPgFeAKnKGmFlwRWuwewj5KwuNiWxYUuXevVHYSvTSX2vlXRDa8uOZPY+SZ4VZDcUpvEnq+e1/52rpqGScgbVYO7JvBASmdcE/RIhqCa3ht9IVAZxGa2wAAAAABJRU5ErkJggg==");background-size:18px auto;background-position:center;box-shadow:inset 0 0 0px 1px #eeeef1}[type=radio]{border-radius:24px}[type=radio]:checked{box-shadow:inset 0 0 0px 6px #eeeef1}table{margin:0 0 1.5em 0;border-collapse:collapse;border-spacing:0;width:100%}td,th{padding:0}ul,ol{margin:0 0 30px 0}ul{list-style:disc}ol{list-style:decimal}li>ul,li>ol{margin-bottom:0;margin-left:1em}dt{font-weight:bold}dd{margin:0 1.5em 1.5em}body{background:#eeeef1}body.dark-mode{background:#17181c;color:#999}.cover{position:fixed;left:0;top:0;width:100%;height:230px;background-image:url(../images/blue-cover.jpg);background-position:center center;background-repeat:no-repeat;background-size:cover;z-index:0}body.orange-theme .cover{background-image:url(../images/orange-cover.jpg)}body.teal-theme .cover{background-image:url(../images/teal-cover.jpg)}body.yellow-theme .cover{background-image:url(../images/yellow-cover.jpg)}body.pink-theme .cover{background-image:url(../images/pink-cover.jpg)}main{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0 30px;gap:30px;position:relative;z-index:1;background:linear-gradient(to bottom, rgba(238,238,241,0) 0px, #eeeef1 225px)}body.dark-mode main{background:linear-gradient(to bottom, rgba(23,24,28,0) 0px, #17181c 225px)}header{width:100%;max-width:576px;margin-left:auto;margin-right:auto;text-align:center;padding-top:120px}header figure.user-avatar{margin:0 auto 30px auto;padding:0;width:130px;height:130px;position:relative;border-radius:30px;box-shadow:0 0 30px 10px #eeeef1}body.dark-mode header figure.user-avatar{box-shadow:0 0 30px 10px #17181c}header figure.user-avatar .wrapper{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;border-radius:30px;background:#32333c}header figure.user-avatar img{position:absolute;z-index:0;left:0;top:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transform-style:preserve-3d}header figure.user-avatar a{width:24px;height:24px;border-radius:24px;overflow:hidden;color:transparent;position:absolute;top:60%;right:-12px;box-shadow:0 0 0 5px #eeeef1;background-color:var(--accent-color);display:flex;align-items:center;justify-content:center;text-decoration:none}body.dark-mode header figure.user-avatar a{box-shadow:0 0 0 5px #17181c}header figure.user-avatar svg{width:12px;height:auto;display:block}header figure.user-avatar svg path{fill:white}header h1.user-name,header .user-name.h1{font-weight:600;font-size:32px;margin:0 0 8px 0}body.dark-mode header h1.user-name,body.dark-mode header .user-name.h1{color:white}header h2.user-title,header .user-title.h2{font-weight:400;font-size:22px;opacity:.5;margin:0}body.dark-mode header h2.user-title,body.dark-mode header .user-title.h2{color:rgba(255,255,255,0.8)}header p.user-bio{padding-top:35px;margin:0;line-height:1.4}section.user-quick-contact{display:flex;justify-content:center;gap:15px;padding-top:20px}section.user-quick-contact a{width:110px;height:100px;background:white;border-radius:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#555;line-height:1;text-decoration:none}body.dark-mode section.user-quick-contact a{background:#20222b;color:#ccc}section.user-quick-contact svg{width:100%;display:block;max-width:32px;height:auto;max-height:32px;color:var(--accent-color)}section.user-quick-contact small{display:block;padding-top:15px;width:100%;font-size:14px}section.user-company{padding:20px 0;text-align:center}section.user-company img{display:block;width:auto;max-width:240px;max-height:100px;margin:0 auto 20px auto}section.user-company h3,section.user-company .h3{margin:0 0 10px 0;font-weight:600;font-size:22px}body.dark-mode section.user-company h3,body.dark-mode section.user-company .h3{color:#ccc;font-weight:400}section.user-company h4,section.user-company .h4{margin:0;opacity:.5;font-weight:400;font-size:18px}body.dark-mode section.user-company h4,body.dark-mode section.user-company .h4{color:#ccc}section.user-contact{width:100%;max-width:576px;margin-left:auto;margin-right:auto;border-radius:10px;overflow:hidden;display:flex;flex-direction:column;gap:2px}section.user-contact a{display:flex;align-items:center;width:100%;height:70px;background:white;color:#555;text-decoration:none;font-size:18px}body.dark-mode section.user-contact a{background:#20222b;color:#ccc}section.user-contact i{width:70px;height:70px;display:flex;flex-shrink:0;align-items:center;justify-content:center}section.user-contact svg{display:block;max-width:24px;max-height:24px;height:auto;color:var(--accent-color)}section.user-contact span{width:calc(95% - 70px);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}section.user-social{width:100%;max-width:576px;margin-left:auto;margin-right:auto;position:relative}section.user-social::after{pointer-events:none;position:absolute;top:0;right:0;content:'';width:70px;height:100%;background:linear-gradient(to left, #eeeef1, rgba(238,238,241,0))}body.dark-mode section.user-social::after{background:linear-gradient(to left, #17181c, rgba(23,24,28,0))}section.user-social .social-icon{padding-right:10px}section.user-social .social-icon a{width:70px;height:70px;display:flex;align-items:center;justify-content:center;background:white;border-radius:10px}body.dark-mode section.user-social .social-icon a{background:#20222b}section.user-social svg{display:block;max-width:24px;max-height:24px;height:auto;color:var(--accent-color)}a.download-contact{max-width:576px;margin-left:auto;margin-right:auto;background:var(--accent-color);color:white;width:100%;display:flex;justify-content:center;align-items:center;gap:15px;height:70px;font-size:20px;font-weight:500}a.download-contact i{opacity:.5}a.download-contact svg{width:32px;height:auto}footer{width:100%;margin-top:auto;font-size:12px;display:flex;align-items:center;justify-content:center;gap:8px;padding:30px;color:#a2a2a2}footer img{display:flex;opacity:.4}body.dark-mode footer{color:#555}