@import url(https://fonts.googleapis.com/css?family=Roboto:400,700&display=swap);:root{--primary-color:#007bff;--secondary-color:#6c757d;--btn-color:#afe4d4;--btn-text-color:#454545}[data-theme=light]{--bg-color:#e4e4e4;--box-color:#f5f5f5;--text-color:#212529;--btn-bg-color:#eaeaea;--btn-text-color:#212529;--btn-hover-bg-color:#e8e8e8;--btn-border-color:#212529;--shadow-color:rgba(0, 0, 0, 0.2)}[data-theme=dark]{--bg-color:rgb(39, 42, 45);--box-color:#2e3035;--text-color:#f5f5f5;--btn-bg-color:#212529;--btn-text-color:#f5f5f5;--btn-hover-bg-color:#2c313a;--btn-border-color:#f5f5f5;--shadow-color:rgba(0, 0, 0, 0.4)}.loading{position:fixed;top:0;left:0;width:100%;height:100%;background:#272a2d;z-index:9999;user-select:none;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none}.loading-text{position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;text-align:center;width:100%;height:100px;line-height:100px}.loading-text span{display:inline-block;margin:0 5px;color:#f5f5f5;font-family:"Quattrocento Sans",sans-serif}.loading-text span:nth-child(1){filter:blur(0);animation:blur-text 1.5s 0s infinite linear alternate}.loading-text span:nth-child(2){filter:blur(0);animation:blur-text 1.5s .2s infinite linear alternate}.loading-text span:nth-child(3){filter:blur(0);animation:blur-text 1.5s .4s infinite linear alternate}.loading-text span:nth-child(4){filter:blur(0);animation:blur-text 1.5s .6s infinite linear alternate}.loading-text span:nth-child(5){filter:blur(0);animation:blur-text 1.5s .8s infinite linear alternate}.loading-text span:nth-child(6){filter:blur(0);animation:blur-text 1.5s 1s infinite linear alternate}.loading-text span:nth-child(7){filter:blur(0);animation:blur-text 1.5s 1.2s infinite linear alternate}@keyframes blur-text{0%{filter:blur(0)}100%{filter:blur(4px)}}body{color:var(--text-color);background-color:var(--bg-color);font-family:Roboto,sans-serif;font-size:16px;font-weight:400;line-height:1.5;text-align:left;margin:0;padding:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:box-shadow .3s ease,background-color .3s ease,color .3s ease,transform .3s ease;display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:100vh}main{display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:var(--box-color);min-width:300px;max-width:600px;padding:1.2rem;margin:1.2rem;border-radius:.5rem}.svg-icon{fill:#454545;fill:var(--btn-text-color);padding:.5rem;width:24px;height:24px}#theme-toggle-box{box-sizing:border-box;display:flex;justify-content:flex-end;align-items:center;width:100%;margin:.5rem;padding:.5rem}#theme-toggle-box .checkbox{opacity:1;position:absolute}#theme-toggle-box .checkbox-label{background-color:var(--btn-bg-color);width:44px;height:16px;border-radius:50px;position:relative;padding:5px;cursor:pointer;display:flex;justify-content:space-between;align-items:center}#theme-toggle-box .checkbox-label .ball{background-color:#fff;width:22px;height:22px;position:absolute;left:4px;top:2px;border-radius:50%;transition:transform .2s linear}#theme-toggle-box .moon,#theme-toggle-box .sun{height:auto;width:16px;height:16px}#theme-toggle-box .moon.moon,#theme-toggle-box .sun.moon{fill:#0074d9}#theme-toggle-box .moon.sun,#theme-toggle-box .sun.sun{fill:#f47f20}#theme-toggle-box .checkbox:checked+.checkbox-label .ball{transform:translateX(24px)}header{margin:1.2rem}header svg{overflow:visible}#js-name{stroke-dasharray:1608.2647705078;stroke-dashoffset:1608.2647705078;animation:sign 6s ease forwards;stroke:#454545;stroke:var(--btn-text-color);margin:2rem;fill:transparent}@keyframes sign{to{stroke-dashoffset:0}100%{fill:#454545;fill:var(--btn-text-color);transition:fill .3s ease}}.btn{margin:.5rem;color:#454545;color:var(--btn-text-color);background-color:var(--btn-bg-color);border:none;text-decoration:none;display:flex;flex-direction:row;justify-content:center;align-items:center;padding:.6rem 1rem;border-radius:10rem;white-space:nowrap;overflow:hidden;transition-property:box-shadow;transition-property:background-color;transition-property:color;transition-property:transform;transition-duration:.3s;transition-timing-function:ease}.btn:hover{background-color:var(--btn-hover-bg-color);box-shadow:0 0 2px var(--shadow-color),inset 0 0 10px var(--shadow-color);transform:translateY(-2px);cursor:pointer}.btn:active{transform:scale(.95) translateY(2px)}.btn:disabled{color:#6c757d;color:var(--secondary-color);opacity:.5;cursor:not-allowed}.phoneSocialIcons{display:flex;flex-direction:row;justify-content:center;gap:.5rem;margin-top:9px}.phoneSocialIcons a{justify-content:center;align-items:center;display:flex;transition-property:box-shadow,background-color,color,transform;transition-duration:.3s;transition-timing-function:ease;border-radius:24px}.phoneSocialIcons a:hover{transform:scale(1.025);transition-property:box-shadow,background-color,color,transform;transition-duration:.1s;transition-timing-function:ease;cursor:pointer;box-shadow:0 0 8px 2px var(--shadow-color)}.phoneSocialIcons a img:hover{filter:brightness(.95);transition-property:box-shadow,background-color,color,transform;transition-duration:.1s;transition-timing-function:ease}.phoneSocialIcons img{height:2.8rem;transition-property:box-shadow,background-color,color,transform;transition-duration:.1s;transition-timing-function:ease}.dropbtn{background-color:var(--btn-bg-color);color:#454545;color:var(--btn-text-color);font-size:16px;border:none;cursor:pointer;display:flex;flex-direction:row;justify-content:center;align-items:center;transition:box-shadow .3s ease,background-color .3s ease,color .3s ease,transform .3s ease}.dropbtn:focus,.dropbtn:hover{background-color:var(--btn-hover-bg-color);box-shadow:0 0 2px var(--shadow-color),inset 0 0 10px var(--shadow-color);transform:translateY(-2px)}#emailDropdownFilter{width:100%;box-sizing:border-box;background-position:14px 12px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23454545'%3E%3Cpath d='M0 0h16v16H0z' fill='none'/%3E%3Cpath d='M15.5 14h-.79l-.28-.27a6.5 6.5 0 0 0 1.48-5.34c-.47-2.78-2.79-5-5.59-5.34a6.505 6.505 0 0 0-7.27 7.27c.34 2.8 2.56 5.12 5.34 5.59a6.5 6.5 0 0 0 5.34-1.48l.27.28v.79l4.25 4.25c.41.41 1.08.41 1.49 0 .41-.41.41-1.08 0-1.49L15.5 14zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:18px;font-size:16px;padding:14px 20px 12px 45px;border:none;border-bottom:1px solid var(--bg-color);color:#454545;color:var(--btn-text-color);background-color:var(--btn-bg-color);position:sticky;top:0;z-index:10}#emailDropdownFilter:focus{outline:3px solid var(--bg-color)}.dropdown-content{display:block;max-height:0;opacity:0;position:absolute;background-color:var(--box-color);min-width:230px;overflow-x:hidden;overflow-y:scroll;border:1px solid var(--bg-color);box-shadow:0 0 2px var(--shadow-color),inset 0 0 4px var(--shadow-color);z-index:10;transition:opacity .3s ease,max-height .3s ease-in-out;border-radius:9px;margin-left:-38px;scrollbar-width:thin;scrollbar-color:#6c757d var(--btn-bg-color);scrollbar-color:var(--secondary-color) var(--btn-bg-color)}.dropdown-content::-webkit-scrollbar{width:4px}@keyframes underline{from{text-decoration-thickness:0;text-underline-offset:-2px}to{text-decoration-thickness:1.5px;text-underline-offset:2px}}.animated-underline,.dropdown-content option:hover{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:-2px;animation:underline .1s forwards;text-decoration-color:var(--text-color)}.dropdown-content option{color:var(--text-color);padding:12px 16px;text-decoration:none;display:block;width:100%}.dropdown-content button{min-width:25%}.dropdown-content svg{padding-right:8px;padding-left:4px;min-width:12px}.dropdown-content small{min-width:1.4rem}#emailButton:focus .dropdown-content,#emailButton:hover .dropdown-content,#emailDropdownButton:focus .dropdown-content,#emailDropdownButton:hover .dropdown-content,.dropdown-content:focus .dropdown-content,.dropdown-content:hover .dropdown-content,section#email:focus .dropdown-content,section#email:hover .dropdown-content{display:block;max-height:200px;opacity:1}.dropdown-content option{cursor:pointer}.dropdownOptionWrapper{display:flex;flex-direction:row;justify-content:space-between;align-items:center}.dropdownOptionWrapper .btn{border-radius:10rem}.dropdownOptionWrapper svg{height:14px;width:14px;display:inline-block}.dropdownOptionWrapper option{white-space:nowrap;overflow:hidden;text-overflow:clip;max-width:80%}#noResultsMessage{padding:12px 16px;text-decoration:none;display:block;width:120%;color:var(--text-color)}section#email{display:ruby;background-color:var(--btn-bg-color);border-radius:10rem}section#email>button,section#email>div{flex:1}section#email #emailDropdownButton{margin-right:0}section#email section#phone>button,section#email>button{height:3.8rem}section#email #pgp{margin-left:0;height:3.8rem}section#email>.btn{border-radius:0;overflow:visible;margin:0}section#email>.btn:nth-child(1){border-radius:10rem 0 0 10rem}section#email>.btn:nth-child(2){border-radius:0 10rem 10rem 0}section#email>svg{padding:10px 8px 10px 0;margin-right:2px;cursor:pointer}section#phone button{font-size:16px;border-radius:10rem;cursor:pointer;display:flex;flex-direction:row;justify-content:center;align-items:center;padding:1px 1.2rem;margin-top:.5rem}section#phone svg{padding:1rem .5rem 1rem 0}section#social{display:flex;flex-direction:row;justify-content:center;align-items:center;margin:.5rem}section#social a{margin:.2rem;color:#6c757d;color:var(--secondary-color)}.social-icon{display:flex;flex-direction:row;justify-content:center;align-items:center;flex-direction:row;border-radius:50%;padding:.2rem;transition-property:box-shadow,background-color,color,transform;transition-duration:.6s;transition-timing-function:ease;background-color:transparent;position:relative}.social-icon.hover,.social-icon:hover{transform:scale(1.05);cursor:pointer}.social-icon.facebook.hover,.social-icon.facebook:hover{background:linear-gradient(135deg,#3b5998 0,#2672cb 35%,#3485e2 70%,#00a0dc 100%);background-size:"300% 100%";animation:gradient 2s ease-in-out infinite alternate}.social-icon.instagram.hover,.social-icon.instagram:hover{background:linear-gradient(135deg,#e1306c 0,#ff5a5f 25%,#ffad2c 50%,#fcb045 75%,#fd1d1d 100%);background-size:"300% 100%";animation:gradient 3s ease-in-out infinite alternate}.social-icon.linkedin.hover,.social-icon.linkedin:hover{background:linear-gradient(135deg,#283e4a 0,#49768c 25%,#85a1b2 50%,#c5d5e7 75%,#e3ecf3 100%);background-size:"300% 100%";animation:gradient 3s ease-in-out infinite alternate}.social-icon.hover svg,.social-icon:hover svg{fill:#fff}.social-icon.social-icon svg.verified-badge.meta{fill:rgba(8,103,255,0);position:absolute;right:-18px;top:-9px}.social-icon.social-icon svg.verified-badge.linkedin{fill:rgba(108,117,125,0);width:20px;position:absolute;right:-14px;top:-12px}.social-icon.social-icon svg.verified-badge{position:absolute;right:-18px;top:-9px}.social-icon:hover svg.verified-badge.meta{fill:#fff!important;filter:drop-shadow(0 0 2px #0867ff)}.social-icon:hover svg.verified-badge.linkedin{fill:#fff!important;filter:drop-shadow(0 0 2px #6c757d)}@keyframes gradient{0%{background-position:0}50%{background-position:100%}100%{background-position:0}}section#portfolio a.btn{display:inline-block;padding:1rem 2.5rem;background-color:var(--btn-bg-color);border-radius:1.2rem 0 1.2rem 0;transition:transform .3s,background-color .3s;text-decoration:none;position:relative;overflow:hidden;font-size:1.125rem}section#portfolio a.btn::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,rgba(206,219,226,.3) 0,rgba(28,154,233,0) 50%,transparent 50%,transparent 100%);transform:translateX(-100%) translateY(-25%) rotate(45deg);transition:transform .6s}section#portfolio a.btn:hover{transform:scale(1.05);background-color:#3697d3;color:#f5f5f5}section#portfolio a.btn:hover::before{transform:translateX(100%)}footer{font-size:.8rem;color:#6c757d;color:var(--secondary-color);text-align:center}footer a{color:#6c757d;color:var(--secondary-color);text-decoration:none;font-size:.6rem}footer span{color:#6c757d;color:var(--secondary-color);font-size:.6rem}noscript{z-index:100000;position:fixed;top:10vh}noscript h1{font-size:2rem;text-align:center;color:#f26565}noscript p{font-size:1.2rem;text-align:center;color:#e8e8e8}.btn-withsub{display:flex;flex-direction:column}.btn-withsub span{font-size:.8rem;margin-top:4px;color:#6c757d;color:var(--secondary-color)}.btn-container{display:flex;flex-direction:column}.btn-container a,.btn-container button{font-size:1rem;height:3rem}.flex-break{flex-basis:100%;height:0}.question{color:var(--text-color);cursor:help;-webkit-text-decoration:dotted;text-decoration:dotted;text-decoration-line:underline;text-decoration-thickness:1px;text-underline-offset:2px;text-decoration-color:rgba(69,69,69,.3137254902)}div:where(.swal2-container) div:where(.swal2-popup){color:var(--text-color)!important}div:where(.swal2-container) .swal2-html-container .legal{text-align:left!important}div:where(.swal2-container) .swal2-html-container .legal a{color:#007bff!important;color:var(--primary-color)!important}@media (max-width:576px){body{font-size:14px}main{max-width:100%;padding:1rem;margin:.5rem}header{margin:.5rem}.btn{padding:.5rem;margin:.2rem}section#email>button,section#email>div{flex:1 1 auto}.social-icon{padding:.4rem}footer{font-size:.7rem}footer a,footer span{font-size:.5rem}noscript h1{font-size:1.5rem}noscript p{font-size:1rem}.btn-withsub span{font-size:.7rem}.btn-container a,.btn-container button{font-size:.9rem;height:2.5rem}.tooltip::before{font-size:.8rem}.phoneSocialIcons{flex-direction:column}.dropdown-content{margin-left:-20px}}@media (min-width:577px) and (max-width:768px){body{font-size:15px}main{max-width:95%;padding:1rem;margin:1rem}header{margin:1rem}.btn{padding:.6rem}footer{font-size:.75rem}footer a,footer span{font-size:.55rem}noscript h1{font-size:1.8rem}noscript p{font-size:1.1rem}.btn-withsub span{font-size:.75rem}.btn-container a,.btn-container button{font-size:.95rem;height:2.7rem}.tooltip::before{font-size:.85rem}.dropdown-content{margin-left:-30px}}