@import url(https://fonts.googleapis.com/css2?family=Varela+Round&display=swap);.circle-button{align-items:center;background:var(--bg-primary);border:.2rem solid var(--text-primary);border-radius:50%;color:var(--text-primary);cursor:pointer;display:inline-flex;flex-direction:row;justify-content:center;margin:.5rem;padding:.5rem;transition:all .5s}.circle-button:hover{background:var(--text-primary);color:var(--bg-primary)}.circle-button:first-child{margin-left:0}.circle-button:last-child{margin-right:0}.menu-toggle{background-color:var(--bg-primary);left:2rem;position:fixed;top:50%;transform:translateY(-50%);z-index:200}.menu-toggle .menu-text{font-weight:700;line-height:.8rem}.menu-toggle .menu-burger{padding-left:.3rem}.menu-toggle .menu-burger .menu-burger-bar{background:var(--text-primary);border-radius:1rem;display:block;height:.2rem;margin-bottom:.3rem;transition:all .5s;width:1.2rem}.menu-toggle .menu-burger .menu-burger-bar:last-child{margin-bottom:0}.menu-toggle:hover .menu-burger-bar{background:var(--bg-primary)}.menu-active .menu-toggle .menu-burger-bar:first-child{transform:rotate(-45deg) translateY(.15em);width:1.2rem}.menu-active .menu-toggle .menu-burger-bar:nth-child(2){opacity:0}.menu-active .menu-toggle .menu-burger-bar:nth-child(3){transform:rotate(45deg) translateY(-.15em);width:1.2rem}@media screen and (max-width:768px){.menu-toggle{left:1rem;top:1rem;transform:translateY(0)}}.menu-item{background-color:var(--bg-primary);left:2rem;opacity:0;position:fixed;top:50%;transform:translateY(-50%);visibility:hidden;z-index:100}.menu-active .menu-item{opacity:1;visibility:visible}@media screen and (max-width:768px){.menu-item{left:1rem;top:1rem;transform:translateY(0)}}.menu .menu-backdrop{display:none}.menu-active .menu-backdrop{display:block;height:100vh;left:0;position:fixed;top:0;width:100vw;z-index:99}.menu-active .menu-data{z-index:100}.top-section{align-items:center;display:flex;flex-direction:row;height:100vh;justify-content:center}.top-section .intro{border-right:1px solid var(--text-primary);padding-right:4rem;text-align:right;width:40%}.top-section .intro h1{font-size:9rem;font-weight:700;line-height:.9em;margin:0}.top-section .intro p{font-size:2rem;margin:0}.top-section .signature{height:100%;padding-left:4rem;text-align:left;width:60%}.top-section .signature svg{height:100%;width:100%}.top-section .signature svg #signature-path{animation:drawSignature 5s linear forwards}.top-section .social{bottom:3rem;margin:0 auto;position:absolute;text-align:center}@media screen and (max-width:1300px){.top-section .intro{width:50%}.top-section .intro h1{font-size:7rem}}@media screen and (max-width:768px){.top-section{flex-direction:column}.top-section .intro{border-bottom:1px solid var(--text-primary);border-right:none;padding:0 0 2rem;text-align:center;width:auto}.top-section .intro h1{font-size:5rem}.top-section .signature{height:30%;padding:2rem 0 0}}@keyframes drawSignature{to{stroke-dashoffset:0}}.section-wrapper{width:100%}.section-wrapper .section{display:flex;padding:5rem}.section-wrapper .section .section-header{align-items:flex-start;border-right:1px solid var(--text-primary);display:flex;font-size:3rem;padding-right:2rem}.section-wrapper .section .section-header .section-header-icon{font-size:3rem;padding:.625rem .625rem .625rem 0;transition:all .5s}.section-wrapper .section .section-content{padding-left:2rem}.section-wrapper .section.section-reverse{flex-direction:row-reverse}.section-wrapper .section.section-reverse .section-header{border-left:1px solid var(--text-primary);border-right:none;padding-left:2rem;padding-right:0}.section-wrapper .section.section-reverse .section-content{padding-left:0;padding-right:2rem;text-align:right}.section-wrapper .section.section-centered{align-items:center}@media screen and (max-width:768px){.section-wrapper .section,.section-wrapper .section.section-reverse{flex-direction:column;padding:3rem}.section-wrapper .section .section-header,.section-wrapper .section.section-reverse .section-header{border:none;border-bottom:1px solid var(--text-primary);justify-content:center;padding:0 0 .7rem;text-align:center}.section-wrapper .section .section-content,.section-wrapper .section.section-reverse .section-content{padding:0;text-align:center}}.about-section h4{font-size:2rem}.about-section .programming-icons svg{height:3.5rem;margin-left:2rem;width:3.5rem}.about-section .programming-icons svg:first-child{margin-left:0}.footer{text-align:center}.free-palestine{align-items:center;background:var(--bg-primary);display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:999}.free-palestine.is-hiding{opacity:0;transition:1s}.free-palestine.is-hiding .free-palestine-content{transform:translateY(-10em);transition:1s}.free-palestine.is-hiding .to-website{transform:translateX(5em);transition:1s}.free-palestine-content{margin-right:10rem;text-align:center}.free-palestine-content h1{animation:freePalestine 20s ease-in-out infinite;font-size:5vw;line-height:6vw;text-transform:uppercase}.free-palestine-content h1 span{font-size:10vw}.free-palestine .to-website svg{font-size:2.5rem}@media screen and (max-width:768px){.free-palestine{flex-direction:column}.free-palestine-content{margin:0 0 3rem}}@keyframes freePalestine{0%,to{transform:translateY(.2em)}50%{transform:translateY(-.2em)}}:root{--bg-primary:#fafafa;--text-primary:#000;--text-secondary:#e0e0e0;font-size:16px}.dark-mode{--bg-primary:#2f2f2f;--text-primary:#fff;--text-secondary:#e0e0e0}body{background:#fafafa;background:var(--bg-primary);color:#000;color:var(--text-primary);font-family:Varela Round,sans-serif;font-size:16px;margin:0;padding:0;transition:all .2s}button,input,textarea{font-family:inherit}.body-wrapper{margin:0 auto;max-width:90%;width:1100px}a{color:#000;color:var(--text-primary);text-decoration:none}a:hover{text-decoration:underline}.MuiTooltip-tooltip{font-size:1em!important}::-webkit-scrollbar{width:.3rem}::-webkit-scrollbar-track{background:#0000}::-webkit-scrollbar-thumb{background:#000;background:var(--text-primary);border-radius:.5rem}::-webkit-scrollbar-thumb:hover{background:#e0e0e0;background:var(--text-secondary)}
/*# sourceMappingURL=main.29886913.css.map*/