@import"https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@300;400;600;700;900&display=swap";@import"https://fonts.googleapis.com/css2?family=Cairo:wght@300;400;500;600;700;800&display=swap";@import"https://fonts.googleapis.com/css2?family=Josefin+Sans:wght@300;400;500;700&display=swap";.main__title{width:200px;margin-left:auto;margin-right:auto;position:relative;padding-bottom:16px}.main__title h2{width:fit-content;margin-left:auto;margin-right:auto}.main__title .main__title-left{background-color:var(--color-red);position:absolute;bottom:0;height:10px;aspect-ratio:1/1;left:0;transform:rotate(45deg)}.main__title .main__title-middle{background-color:var(--color-red);height:2px;width:calc(100% - 10px);position:absolute;left:0;right:0;margin-left:auto;margin-right:auto;bottom:4px}.main__title .main__title-right{background-color:var(--color-red);position:absolute;bottom:0;height:10px;aspect-ratio:1/1;right:0;transform:rotate(45deg)}.skill_bar{width:90%}.skill_bar .text{width:100%}.skill_bar .text .text-main{float:left}.skill_bar .text .text-number{float:right}.skill_bar .bar{width:100%;display:flex;align-items:center;justify-content:center}.skill_bar .bar .bar-active{--order: 0;width:0%;transition:width 0s 0s;height:4px;background-color:var(--color-red);margin-right:auto}.skills-container.aos-animate .bar-active{width:calc(var(--progress) * 1%);transition:width 2s calc(var(--order) * .2s)}.project__card{width:100%;aspect-ratio:1/1;position:relative;overflow:hidden;border-radius:4px;box-shadow:0 0 8px #0003}.project__card .project__image{height:100%;width:100%;filter:brightness(.9);transition:all .5s}.project__card .project__image img{height:100%;width:100%}.project__card:hover .project__image{filter:brightness(1);transform:scale(1.2) rotate(3deg)}.project__card:hover .project__text{translate:0}.project__card .project__text{background-color:#e1235380;position:absolute;width:100%;height:min(20%,100px);bottom:0;display:flex;flex-direction:column;align-items:center;justify-content:space-around;padding:8px;translate:0 100%;transition:translate .3s ease-in-out}.project__card .project__text .project__text-title{font-weight:600;font-size:large;color:#f0f8ff;letter-spacing:1px;margin-bottom:2px}.project__card .project__text .project__text-technologies{display:flex;width:100%;justify-content:space-between}.project__card .project__text .project__text-technologies span{color:#f0f8ff;flex:1;text-align:center}#cursor-outer{position:fixed;height:40px;aspect-ratio:1/1;top:-50px;left:-50px;z-index:100;translate:-50% -50%;pointer-events:none;border-radius:100%;border:4px solid var(--color-red);transition:all .2s ease,top .1s ease,left .1s ease}#cursor-inner{position:fixed;height:6px;aspect-ratio:1/1;top:-50px;left:-50px;z-index:100;translate:-50% -50%;pointer-events:none;border-radius:100%;background-color:#fff;mix-blend-mode:difference}.cursor-scale #cursor-outer{height:60px}.cursor-alter #cursor-outer{animation:cursor-animation forwards ease .3s .1s}@keyframes cursor-animation{50%{background-color:var(--color-red);border-width:0px;height:20px}to{background-color:var(--color-red);border-width:0px;opacity:.5;height:60px}}.cursor-alter #cursor-inner{display:none}.zellige-container{z-index:-10;position:absolute;left:0;top:-200px;height:calc(100% + 200px);width:100%;overflow:hidden}.zellige-container div{position:relative;height:85vmin;width:100%}.zellige-container div svg{position:absolute;height:120%;top:0;animation:rotate-center 120s linear infinite forwards;fill:var(--color-quaternary);opacity:.15}.zellige-container div:nth-child(odd) svg{right:0;translate:50% 0;animation-direction:normal}.zellige-container div:nth-child(even) svg{left:0;translate:-50% 0;animation-direction:reverse}@keyframes rotate-center{0%{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(-360deg);transform:rotate(-360deg)}}/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}[data-aos][data-aos][data-aos-duration="50"],body[data-aos-duration="50"] [data-aos]{transition-duration:50ms}[data-aos][data-aos][data-aos-delay="50"],body[data-aos-delay="50"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="50"].aos-animate,body[data-aos-delay="50"] [data-aos].aos-animate{transition-delay:50ms}[data-aos][data-aos][data-aos-duration="100"],body[data-aos-duration="100"] [data-aos]{transition-duration:.1s}[data-aos][data-aos][data-aos-delay="100"],body[data-aos-delay="100"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="100"].aos-animate,body[data-aos-delay="100"] [data-aos].aos-animate{transition-delay:.1s}[data-aos][data-aos][data-aos-duration="150"],body[data-aos-duration="150"] [data-aos]{transition-duration:.15s}[data-aos][data-aos][data-aos-delay="150"],body[data-aos-delay="150"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="150"].aos-animate,body[data-aos-delay="150"] [data-aos].aos-animate{transition-delay:.15s}[data-aos][data-aos][data-aos-duration="200"],body[data-aos-duration="200"] [data-aos]{transition-duration:.2s}[data-aos][data-aos][data-aos-delay="200"],body[data-aos-delay="200"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="200"].aos-animate,body[data-aos-delay="200"] [data-aos].aos-animate{transition-delay:.2s}[data-aos][data-aos][data-aos-duration="250"],body[data-aos-duration="250"] [data-aos]{transition-duration:.25s}[data-aos][data-aos][data-aos-delay="250"],body[data-aos-delay="250"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="250"].aos-animate,body[data-aos-delay="250"] [data-aos].aos-animate{transition-delay:.25s}[data-aos][data-aos][data-aos-duration="300"],body[data-aos-duration="300"] [data-aos]{transition-duration:.3s}[data-aos][data-aos][data-aos-delay="300"],body[data-aos-delay="300"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="300"].aos-animate,body[data-aos-delay="300"] [data-aos].aos-animate{transition-delay:.3s}[data-aos][data-aos][data-aos-duration="350"],body[data-aos-duration="350"] [data-aos]{transition-duration:.35s}[data-aos][data-aos][data-aos-delay="350"],body[data-aos-delay="350"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="350"].aos-animate,body[data-aos-delay="350"] [data-aos].aos-animate{transition-delay:.35s}[data-aos][data-aos][data-aos-duration="400"],body[data-aos-duration="400"] [data-aos]{transition-duration:.4s}[data-aos][data-aos][data-aos-delay="400"],body[data-aos-delay="400"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="400"].aos-animate,body[data-aos-delay="400"] [data-aos].aos-animate{transition-delay:.4s}[data-aos][data-aos][data-aos-duration="450"],body[data-aos-duration="450"] [data-aos]{transition-duration:.45s}[data-aos][data-aos][data-aos-delay="450"],body[data-aos-delay="450"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="450"].aos-animate,body[data-aos-delay="450"] [data-aos].aos-animate{transition-delay:.45s}[data-aos][data-aos][data-aos-duration="500"],body[data-aos-duration="500"] [data-aos]{transition-duration:.5s}[data-aos][data-aos][data-aos-delay="500"],body[data-aos-delay="500"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="500"].aos-animate,body[data-aos-delay="500"] [data-aos].aos-animate{transition-delay:.5s}[data-aos][data-aos][data-aos-duration="550"],body[data-aos-duration="550"] [data-aos]{transition-duration:.55s}[data-aos][data-aos][data-aos-delay="550"],body[data-aos-delay="550"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="550"].aos-animate,body[data-aos-delay="550"] [data-aos].aos-animate{transition-delay:.55s}[data-aos][data-aos][data-aos-duration="600"],body[data-aos-duration="600"] [data-aos]{transition-duration:.6s}[data-aos][data-aos][data-aos-delay="600"],body[data-aos-delay="600"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="600"].aos-animate,body[data-aos-delay="600"] [data-aos].aos-animate{transition-delay:.6s}[data-aos][data-aos][data-aos-duration="650"],body[data-aos-duration="650"] [data-aos]{transition-duration:.65s}[data-aos][data-aos][data-aos-delay="650"],body[data-aos-delay="650"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="650"].aos-animate,body[data-aos-delay="650"] [data-aos].aos-animate{transition-delay:.65s}[data-aos][data-aos][data-aos-duration="700"],body[data-aos-duration="700"] [data-aos]{transition-duration:.7s}[data-aos][data-aos][data-aos-delay="700"],body[data-aos-delay="700"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="700"].aos-animate,body[data-aos-delay="700"] [data-aos].aos-animate{transition-delay:.7s}[data-aos][data-aos][data-aos-duration="750"],body[data-aos-duration="750"] [data-aos]{transition-duration:.75s}[data-aos][data-aos][data-aos-delay="750"],body[data-aos-delay="750"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="750"].aos-animate,body[data-aos-delay="750"] [data-aos].aos-animate{transition-delay:.75s}[data-aos][data-aos][data-aos-duration="800"],body[data-aos-duration="800"] [data-aos]{transition-duration:.8s}[data-aos][data-aos][data-aos-delay="800"],body[data-aos-delay="800"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="800"].aos-animate,body[data-aos-delay="800"] [data-aos].aos-animate{transition-delay:.8s}[data-aos][data-aos][data-aos-duration="850"],body[data-aos-duration="850"] [data-aos]{transition-duration:.85s}[data-aos][data-aos][data-aos-delay="850"],body[data-aos-delay="850"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="850"].aos-animate,body[data-aos-delay="850"] [data-aos].aos-animate{transition-delay:.85s}[data-aos][data-aos][data-aos-duration="900"],body[data-aos-duration="900"] [data-aos]{transition-duration:.9s}[data-aos][data-aos][data-aos-delay="900"],body[data-aos-delay="900"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="900"].aos-animate,body[data-aos-delay="900"] [data-aos].aos-animate{transition-delay:.9s}[data-aos][data-aos][data-aos-duration="950"],body[data-aos-duration="950"] [data-aos]{transition-duration:.95s}[data-aos][data-aos][data-aos-delay="950"],body[data-aos-delay="950"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="950"].aos-animate,body[data-aos-delay="950"] [data-aos].aos-animate{transition-delay:.95s}[data-aos][data-aos][data-aos-duration="1000"],body[data-aos-duration="1000"] [data-aos]{transition-duration:1s}[data-aos][data-aos][data-aos-delay="1000"],body[data-aos-delay="1000"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1000"].aos-animate,body[data-aos-delay="1000"] [data-aos].aos-animate{transition-delay:1s}[data-aos][data-aos][data-aos-duration="1050"],body[data-aos-duration="1050"] [data-aos]{transition-duration:1.05s}[data-aos][data-aos][data-aos-delay="1050"],body[data-aos-delay="1050"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1050"].aos-animate,body[data-aos-delay="1050"] [data-aos].aos-animate{transition-delay:1.05s}[data-aos][data-aos][data-aos-duration="1100"],body[data-aos-duration="1100"] [data-aos]{transition-duration:1.1s}[data-aos][data-aos][data-aos-delay="1100"],body[data-aos-delay="1100"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1100"].aos-animate,body[data-aos-delay="1100"] [data-aos].aos-animate{transition-delay:1.1s}[data-aos][data-aos][data-aos-duration="1150"],body[data-aos-duration="1150"] [data-aos]{transition-duration:1.15s}[data-aos][data-aos][data-aos-delay="1150"],body[data-aos-delay="1150"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1150"].aos-animate,body[data-aos-delay="1150"] [data-aos].aos-animate{transition-delay:1.15s}[data-aos][data-aos][data-aos-duration="1200"],body[data-aos-duration="1200"] [data-aos]{transition-duration:1.2s}[data-aos][data-aos][data-aos-delay="1200"],body[data-aos-delay="1200"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1200"].aos-animate,body[data-aos-delay="1200"] [data-aos].aos-animate{transition-delay:1.2s}[data-aos][data-aos][data-aos-duration="1250"],body[data-aos-duration="1250"] [data-aos]{transition-duration:1.25s}[data-aos][data-aos][data-aos-delay="1250"],body[data-aos-delay="1250"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1250"].aos-animate,body[data-aos-delay="1250"] [data-aos].aos-animate{transition-delay:1.25s}[data-aos][data-aos][data-aos-duration="1300"],body[data-aos-duration="1300"] [data-aos]{transition-duration:1.3s}[data-aos][data-aos][data-aos-delay="1300"],body[data-aos-delay="1300"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1300"].aos-animate,body[data-aos-delay="1300"] [data-aos].aos-animate{transition-delay:1.3s}[data-aos][data-aos][data-aos-duration="1350"],body[data-aos-duration="1350"] [data-aos]{transition-duration:1.35s}[data-aos][data-aos][data-aos-delay="1350"],body[data-aos-delay="1350"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1350"].aos-animate,body[data-aos-delay="1350"] [data-aos].aos-animate{transition-delay:1.35s}[data-aos][data-aos][data-aos-duration="1400"],body[data-aos-duration="1400"] [data-aos]{transition-duration:1.4s}[data-aos][data-aos][data-aos-delay="1400"],body[data-aos-delay="1400"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1400"].aos-animate,body[data-aos-delay="1400"] [data-aos].aos-animate{transition-delay:1.4s}[data-aos][data-aos][data-aos-duration="1450"],body[data-aos-duration="1450"] [data-aos]{transition-duration:1.45s}[data-aos][data-aos][data-aos-delay="1450"],body[data-aos-delay="1450"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1450"].aos-animate,body[data-aos-delay="1450"] [data-aos].aos-animate{transition-delay:1.45s}[data-aos][data-aos][data-aos-duration="1500"],body[data-aos-duration="1500"] [data-aos]{transition-duration:1.5s}[data-aos][data-aos][data-aos-delay="1500"],body[data-aos-delay="1500"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1500"].aos-animate,body[data-aos-delay="1500"] [data-aos].aos-animate{transition-delay:1.5s}[data-aos][data-aos][data-aos-duration="1550"],body[data-aos-duration="1550"] [data-aos]{transition-duration:1.55s}[data-aos][data-aos][data-aos-delay="1550"],body[data-aos-delay="1550"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1550"].aos-animate,body[data-aos-delay="1550"] [data-aos].aos-animate{transition-delay:1.55s}[data-aos][data-aos][data-aos-duration="1600"],body[data-aos-duration="1600"] [data-aos]{transition-duration:1.6s}[data-aos][data-aos][data-aos-delay="1600"],body[data-aos-delay="1600"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1600"].aos-animate,body[data-aos-delay="1600"] [data-aos].aos-animate{transition-delay:1.6s}[data-aos][data-aos][data-aos-duration="1650"],body[data-aos-duration="1650"] [data-aos]{transition-duration:1.65s}[data-aos][data-aos][data-aos-delay="1650"],body[data-aos-delay="1650"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1650"].aos-animate,body[data-aos-delay="1650"] [data-aos].aos-animate{transition-delay:1.65s}[data-aos][data-aos][data-aos-duration="1700"],body[data-aos-duration="1700"] [data-aos]{transition-duration:1.7s}[data-aos][data-aos][data-aos-delay="1700"],body[data-aos-delay="1700"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1700"].aos-animate,body[data-aos-delay="1700"] [data-aos].aos-animate{transition-delay:1.7s}[data-aos][data-aos][data-aos-duration="1750"],body[data-aos-duration="1750"] [data-aos]{transition-duration:1.75s}[data-aos][data-aos][data-aos-delay="1750"],body[data-aos-delay="1750"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1750"].aos-animate,body[data-aos-delay="1750"] [data-aos].aos-animate{transition-delay:1.75s}[data-aos][data-aos][data-aos-duration="1800"],body[data-aos-duration="1800"] [data-aos]{transition-duration:1.8s}[data-aos][data-aos][data-aos-delay="1800"],body[data-aos-delay="1800"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1800"].aos-animate,body[data-aos-delay="1800"] [data-aos].aos-animate{transition-delay:1.8s}[data-aos][data-aos][data-aos-duration="1850"],body[data-aos-duration="1850"] [data-aos]{transition-duration:1.85s}[data-aos][data-aos][data-aos-delay="1850"],body[data-aos-delay="1850"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1850"].aos-animate,body[data-aos-delay="1850"] [data-aos].aos-animate{transition-delay:1.85s}[data-aos][data-aos][data-aos-duration="1900"],body[data-aos-duration="1900"] [data-aos]{transition-duration:1.9s}[data-aos][data-aos][data-aos-delay="1900"],body[data-aos-delay="1900"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1900"].aos-animate,body[data-aos-delay="1900"] [data-aos].aos-animate{transition-delay:1.9s}[data-aos][data-aos][data-aos-duration="1950"],body[data-aos-duration="1950"] [data-aos]{transition-duration:1.95s}[data-aos][data-aos][data-aos-delay="1950"],body[data-aos-delay="1950"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1950"].aos-animate,body[data-aos-delay="1950"] [data-aos].aos-animate{transition-delay:1.95s}[data-aos][data-aos][data-aos-duration="2000"],body[data-aos-duration="2000"] [data-aos]{transition-duration:2s}[data-aos][data-aos][data-aos-delay="2000"],body[data-aos-delay="2000"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2000"].aos-animate,body[data-aos-delay="2000"] [data-aos].aos-animate{transition-delay:2s}[data-aos][data-aos][data-aos-duration="2050"],body[data-aos-duration="2050"] [data-aos]{transition-duration:2.05s}[data-aos][data-aos][data-aos-delay="2050"],body[data-aos-delay="2050"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2050"].aos-animate,body[data-aos-delay="2050"] [data-aos].aos-animate{transition-delay:2.05s}[data-aos][data-aos][data-aos-duration="2100"],body[data-aos-duration="2100"] [data-aos]{transition-duration:2.1s}[data-aos][data-aos][data-aos-delay="2100"],body[data-aos-delay="2100"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2100"].aos-animate,body[data-aos-delay="2100"] [data-aos].aos-animate{transition-delay:2.1s}[data-aos][data-aos][data-aos-duration="2150"],body[data-aos-duration="2150"] [data-aos]{transition-duration:2.15s}[data-aos][data-aos][data-aos-delay="2150"],body[data-aos-delay="2150"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2150"].aos-animate,body[data-aos-delay="2150"] [data-aos].aos-animate{transition-delay:2.15s}[data-aos][data-aos][data-aos-duration="2200"],body[data-aos-duration="2200"] [data-aos]{transition-duration:2.2s}[data-aos][data-aos][data-aos-delay="2200"],body[data-aos-delay="2200"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2200"].aos-animate,body[data-aos-delay="2200"] [data-aos].aos-animate{transition-delay:2.2s}[data-aos][data-aos][data-aos-duration="2250"],body[data-aos-duration="2250"] [data-aos]{transition-duration:2.25s}[data-aos][data-aos][data-aos-delay="2250"],body[data-aos-delay="2250"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2250"].aos-animate,body[data-aos-delay="2250"] [data-aos].aos-animate{transition-delay:2.25s}[data-aos][data-aos][data-aos-duration="2300"],body[data-aos-duration="2300"] [data-aos]{transition-duration:2.3s}[data-aos][data-aos][data-aos-delay="2300"],body[data-aos-delay="2300"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2300"].aos-animate,body[data-aos-delay="2300"] [data-aos].aos-animate{transition-delay:2.3s}[data-aos][data-aos][data-aos-duration="2350"],body[data-aos-duration="2350"] [data-aos]{transition-duration:2.35s}[data-aos][data-aos][data-aos-delay="2350"],body[data-aos-delay="2350"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2350"].aos-animate,body[data-aos-delay="2350"] [data-aos].aos-animate{transition-delay:2.35s}[data-aos][data-aos][data-aos-duration="2400"],body[data-aos-duration="2400"] [data-aos]{transition-duration:2.4s}[data-aos][data-aos][data-aos-delay="2400"],body[data-aos-delay="2400"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2400"].aos-animate,body[data-aos-delay="2400"] [data-aos].aos-animate{transition-delay:2.4s}[data-aos][data-aos][data-aos-duration="2450"],body[data-aos-duration="2450"] [data-aos]{transition-duration:2.45s}[data-aos][data-aos][data-aos-delay="2450"],body[data-aos-delay="2450"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2450"].aos-animate,body[data-aos-delay="2450"] [data-aos].aos-animate{transition-delay:2.45s}[data-aos][data-aos][data-aos-duration="2500"],body[data-aos-duration="2500"] [data-aos]{transition-duration:2.5s}[data-aos][data-aos][data-aos-delay="2500"],body[data-aos-delay="2500"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2500"].aos-animate,body[data-aos-delay="2500"] [data-aos].aos-animate{transition-delay:2.5s}[data-aos][data-aos][data-aos-duration="2550"],body[data-aos-duration="2550"] [data-aos]{transition-duration:2.55s}[data-aos][data-aos][data-aos-delay="2550"],body[data-aos-delay="2550"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2550"].aos-animate,body[data-aos-delay="2550"] [data-aos].aos-animate{transition-delay:2.55s}[data-aos][data-aos][data-aos-duration="2600"],body[data-aos-duration="2600"] [data-aos]{transition-duration:2.6s}[data-aos][data-aos][data-aos-delay="2600"],body[data-aos-delay="2600"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2600"].aos-animate,body[data-aos-delay="2600"] [data-aos].aos-animate{transition-delay:2.6s}[data-aos][data-aos][data-aos-duration="2650"],body[data-aos-duration="2650"] [data-aos]{transition-duration:2.65s}[data-aos][data-aos][data-aos-delay="2650"],body[data-aos-delay="2650"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2650"].aos-animate,body[data-aos-delay="2650"] [data-aos].aos-animate{transition-delay:2.65s}[data-aos][data-aos][data-aos-duration="2700"],body[data-aos-duration="2700"] [data-aos]{transition-duration:2.7s}[data-aos][data-aos][data-aos-delay="2700"],body[data-aos-delay="2700"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2700"].aos-animate,body[data-aos-delay="2700"] [data-aos].aos-animate{transition-delay:2.7s}[data-aos][data-aos][data-aos-duration="2750"],body[data-aos-duration="2750"] [data-aos]{transition-duration:2.75s}[data-aos][data-aos][data-aos-delay="2750"],body[data-aos-delay="2750"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2750"].aos-animate,body[data-aos-delay="2750"] [data-aos].aos-animate{transition-delay:2.75s}[data-aos][data-aos][data-aos-duration="2800"],body[data-aos-duration="2800"] [data-aos]{transition-duration:2.8s}[data-aos][data-aos][data-aos-delay="2800"],body[data-aos-delay="2800"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2800"].aos-animate,body[data-aos-delay="2800"] [data-aos].aos-animate{transition-delay:2.8s}[data-aos][data-aos][data-aos-duration="2850"],body[data-aos-duration="2850"] [data-aos]{transition-duration:2.85s}[data-aos][data-aos][data-aos-delay="2850"],body[data-aos-delay="2850"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2850"].aos-animate,body[data-aos-delay="2850"] [data-aos].aos-animate{transition-delay:2.85s}[data-aos][data-aos][data-aos-duration="2900"],body[data-aos-duration="2900"] [data-aos]{transition-duration:2.9s}[data-aos][data-aos][data-aos-delay="2900"],body[data-aos-delay="2900"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2900"].aos-animate,body[data-aos-delay="2900"] [data-aos].aos-animate{transition-delay:2.9s}[data-aos][data-aos][data-aos-duration="2950"],body[data-aos-duration="2950"] [data-aos]{transition-duration:2.95s}[data-aos][data-aos][data-aos-delay="2950"],body[data-aos-delay="2950"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2950"].aos-animate,body[data-aos-delay="2950"] [data-aos].aos-animate{transition-delay:2.95s}[data-aos][data-aos][data-aos-duration="3000"],body[data-aos-duration="3000"] [data-aos]{transition-duration:3s}[data-aos][data-aos][data-aos-delay="3000"],body[data-aos-delay="3000"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="3000"].aos-animate,body[data-aos-delay="3000"] [data-aos].aos-animate{transition-delay:3s}[data-aos]{pointer-events:none}[data-aos].aos-animate{pointer-events:auto}[data-aos][data-aos][data-aos-easing=linear],body[data-aos-easing=linear] [data-aos]{transition-timing-function:cubic-bezier(.25,.25,.75,.75)}[data-aos][data-aos][data-aos-easing=ease],body[data-aos-easing=ease] [data-aos]{transition-timing-function:ease}[data-aos][data-aos][data-aos-easing=ease-in],body[data-aos-easing=ease-in] [data-aos]{transition-timing-function:ease-in}[data-aos][data-aos][data-aos-easing=ease-out],body[data-aos-easing=ease-out] [data-aos]{transition-timing-function:ease-out}[data-aos][data-aos][data-aos-easing=ease-in-out],body[data-aos-easing=ease-in-out] [data-aos]{transition-timing-function:ease-in-out}[data-aos][data-aos][data-aos-easing=ease-in-back],body[data-aos-easing=ease-in-back] [data-aos]{transition-timing-function:cubic-bezier(.6,-.28,.735,.045)}[data-aos][data-aos][data-aos-easing=ease-out-back],body[data-aos-easing=ease-out-back] [data-aos]{transition-timing-function:cubic-bezier(.175,.885,.32,1.275)}[data-aos][data-aos][data-aos-easing=ease-in-out-back],body[data-aos-easing=ease-in-out-back] [data-aos]{transition-timing-function:cubic-bezier(.68,-.55,.265,1.55)}[data-aos][data-aos][data-aos-easing=ease-in-sine],body[data-aos-easing=ease-in-sine] [data-aos]{transition-timing-function:cubic-bezier(.47,0,.745,.715)}[data-aos][data-aos][data-aos-easing=ease-out-sine],body[data-aos-easing=ease-out-sine] [data-aos]{transition-timing-function:cubic-bezier(.39,.575,.565,1)}[data-aos][data-aos][data-aos-easing=ease-in-out-sine],body[data-aos-easing=ease-in-out-sine] [data-aos]{transition-timing-function:cubic-bezier(.445,.05,.55,.95)}[data-aos][data-aos][data-aos-easing=ease-in-quad],body[data-aos-easing=ease-in-quad] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-quad],body[data-aos-easing=ease-out-quad] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-quad],body[data-aos-easing=ease-in-out-quad] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos][data-aos][data-aos-easing=ease-in-cubic],body[data-aos-easing=ease-in-cubic] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-cubic],body[data-aos-easing=ease-out-cubic] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-cubic],body[data-aos-easing=ease-in-out-cubic] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos][data-aos][data-aos-easing=ease-in-quart],body[data-aos-easing=ease-in-quart] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-quart],body[data-aos-easing=ease-out-quart] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-quart],body[data-aos-easing=ease-in-out-quart] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}@media screen{html:not(.no-js) [data-aos^=fade][data-aos^=fade]{opacity:0;transition-property:opacity,-webkit-transform;transition-property:opacity,transform;transition-property:opacity,transform,-webkit-transform}html:not(.no-js) [data-aos^=fade][data-aos^=fade].aos-animate{opacity:1;-webkit-transform:none;transform:none}html:not(.no-js) [data-aos=fade-up]{-webkit-transform:translate3d(0,100px,0);transform:translate3d(0,100px,0)}html:not(.no-js) [data-aos=fade-down]{-webkit-transform:translate3d(0,-100px,0);transform:translate3d(0,-100px,0)}html:not(.no-js) [data-aos=fade-right]{-webkit-transform:translate3d(-100px,0,0);transform:translate3d(-100px,0,0)}html:not(.no-js) [data-aos=fade-left]{-webkit-transform:translate3d(100px,0,0);transform:translate3d(100px,0,0)}html:not(.no-js) [data-aos=fade-up-right]{-webkit-transform:translate3d(-100px,100px,0);transform:translate3d(-100px,100px,0)}html:not(.no-js) [data-aos=fade-up-left]{-webkit-transform:translate3d(100px,100px,0);transform:translate3d(100px,100px,0)}html:not(.no-js) [data-aos=fade-down-right]{-webkit-transform:translate3d(-100px,-100px,0);transform:translate3d(-100px,-100px,0)}html:not(.no-js) [data-aos=fade-down-left]{-webkit-transform:translate3d(100px,-100px,0);transform:translate3d(100px,-100px,0)}html:not(.no-js) [data-aos^=zoom][data-aos^=zoom]{opacity:0;transition-property:opacity,-webkit-transform;transition-property:opacity,transform;transition-property:opacity,transform,-webkit-transform}html:not(.no-js) [data-aos^=zoom][data-aos^=zoom].aos-animate{opacity:1;-webkit-transform:translateZ(0) scale(1);transform:translateZ(0) scale(1)}html:not(.no-js) [data-aos=zoom-in]{-webkit-transform:scale(.6);transform:scale(.6)}html:not(.no-js) [data-aos=zoom-in-up]{-webkit-transform:translate3d(0,100px,0) scale(.6);transform:translate3d(0,100px,0) scale(.6)}html:not(.no-js) [data-aos=zoom-in-down]{-webkit-transform:translate3d(0,-100px,0) scale(.6);transform:translate3d(0,-100px,0) scale(.6)}html:not(.no-js) [data-aos=zoom-in-right]{-webkit-transform:translate3d(-100px,0,0) scale(.6);transform:translate3d(-100px,0,0) scale(.6)}html:not(.no-js) [data-aos=zoom-in-left]{-webkit-transform:translate3d(100px,0,0) scale(.6);transform:translate3d(100px,0,0) scale(.6)}html:not(.no-js) [data-aos=zoom-out]{-webkit-transform:scale(1.2);transform:scale(1.2)}html:not(.no-js) [data-aos=zoom-out-up]{-webkit-transform:translate3d(0,100px,0) scale(1.2);transform:translate3d(0,100px,0) scale(1.2)}html:not(.no-js) [data-aos=zoom-out-down]{-webkit-transform:translate3d(0,-100px,0) scale(1.2);transform:translate3d(0,-100px,0) scale(1.2)}html:not(.no-js) [data-aos=zoom-out-right]{-webkit-transform:translate3d(-100px,0,0) scale(1.2);transform:translate3d(-100px,0,0) scale(1.2)}html:not(.no-js) [data-aos=zoom-out-left]{-webkit-transform:translate3d(100px,0,0) scale(1.2);transform:translate3d(100px,0,0) scale(1.2)}html:not(.no-js) [data-aos^=slide][data-aos^=slide]{transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform;visibility:hidden}html:not(.no-js) [data-aos^=slide][data-aos^=slide].aos-animate{visibility:visible;-webkit-transform:translateZ(0);transform:translateZ(0)}html:not(.no-js) [data-aos=slide-up]{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}html:not(.no-js) [data-aos=slide-down]{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}html:not(.no-js) [data-aos=slide-right]{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}html:not(.no-js) [data-aos=slide-left]{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}html:not(.no-js) [data-aos^=flip][data-aos^=flip]{-webkit-backface-visibility:hidden;backface-visibility:hidden;transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform}html:not(.no-js) [data-aos=flip-left]{-webkit-transform:perspective(2500px) rotateY(-100deg);transform:perspective(2500px) rotateY(-100deg)}html:not(.no-js) [data-aos=flip-left].aos-animate{-webkit-transform:perspective(2500px) rotateY(0);transform:perspective(2500px) rotateY(0)}html:not(.no-js) [data-aos=flip-right]{-webkit-transform:perspective(2500px) rotateY(100deg);transform:perspective(2500px) rotateY(100deg)}html:not(.no-js) [data-aos=flip-right].aos-animate{-webkit-transform:perspective(2500px) rotateY(0);transform:perspective(2500px) rotateY(0)}html:not(.no-js) [data-aos=flip-up]{-webkit-transform:perspective(2500px) rotateX(-100deg);transform:perspective(2500px) rotateX(-100deg)}html:not(.no-js) [data-aos=flip-up].aos-animate{-webkit-transform:perspective(2500px) rotateX(0);transform:perspective(2500px) rotateX(0)}html:not(.no-js) [data-aos=flip-down]{-webkit-transform:perspective(2500px) rotateX(100deg);transform:perspective(2500px) rotateX(100deg)}html:not(.no-js) [data-aos=flip-down].aos-animate{-webkit-transform:perspective(2500px) rotateX(0);transform:perspective(2500px) rotateX(0)}}*{color:var(--color-tertiary);font-family:Source Sans Pro,sans-serif;text-decoration:none;padding:0;margin:0;list-style:none;box-sizing:border-box;transition:background-color .2s,color .2s;cursor:none;user-select:none}html{--color-red: #e12353;--color-blue: #29cfcd;--color-primary: #f6f6f6;--color-secondary: #ececec;--color-tertiary: #1d1d1d;--color-quaternary: #757575}html.dark{--color-primary: #191919;--color-secondary: #1d1d1d;--color-tertiary: #ececec;--color-quaternary: #888888}html body::-webkit-scrollbar{width:4px}html body{scrollbar-width:thin;scrollbar-color:var(--color-red) var(--color-primary)}html body::-webkit-scrollbar-track{background:var(--color-primary)}html body::-webkit-scrollbar-thumb{background-color:var(--color-red);border-radius:4px}html{height:100%;overflow-x:hidden}body{height:100%;position:relative;background-color:var(--color-primary);color:var(--color-tertiary);opacity:1;transition:opacity .5s}#root{width:100%;position:relative;overflow:hidden}header{position:fixed;top:0;left:0;width:100%;background-color:var(--color-primary);box-shadow:0 0 4px #0000001a;height:64px;z-index:100}header>div{height:100%;width:min(100% - 32px,400px + 50%,1600px);margin-left:auto;margin-right:auto;display:flex;align-items:center;justify-content:space-between;padding:8px 0}header>div .brand{display:flex;align-items:center;justify-content:space-between;font-size:36px;font-weight:500}header>div .brand .brand-name{line-height:32px;font-size:32px;font-family:Josefin Sans,sans-serif}header>div .brand .brand-name .brand-name__sub{font-family:inherit;display:inline-block;max-width:60px;transition:max-width .5s .1s,opacity .5s .2s}header>div .brand .brand-name.scrolled .brand-name__sub{opacity:0;max-width:0;transition:max-width .5s .2s,opacity .5s .1s}header>div nav{left:50%;transform:translate(-50%);height:48px;width:min(100% - 600px,600px);display:flex;flex-direction:column;align-items:center;justify-content:center;position:absolute}header>div nav ul{height:100%;width:100%;display:flex;flex-direction:row;align-items:center;justify-content:space-around}header>div nav ul li{height:100%;padding:8px 0;display:flex;align-items:center;justify-content:center}header>div nav ul li .nav__item{font-size:large;font-weight:600;width:80px;height:100%;display:flex;align-items:center;justify-content:center;text-align:center;transition:color .5s;letter-spacing:1px}header>div nav ul li .nav__item.active,header>div nav ul li .nav__item:hover{color:var(--color-red)}header>div nav .slider{--slider-position: 1;position:absolute;width:20%;left:calc((var(--slider-position) - 1) * 20% * 1);bottom:1px;height:2px;background-color:var(--color-red);transition:all .5s ease}header>div .themeToggler{--size: 40px;--gap: 2px;--ratio: 1.5;position:relative;height:var(--size);width:calc(var(--size) * var(--ratio));border-radius:var(--size);background-color:var(--color-quaternary)}header>div .themeToggler .circle{position:absolute;height:calc(var(--size) - 2 * var(--gap));aspect-ratio:1/1;top:50%;left:50%;transform:translate(-50%,-50%);translate:calc((var(--size) * var(--ratio) / 2 - 50% - var(--gap)) * -1);border-radius:var(--size);display:flex;align-items:center;justify-content:center;background-color:var(--color-primary);transition:all .8s}header>div .themeToggler .circle .light{display:block}header>div .themeToggler .circle .dark{display:none}header>div .themeToggler.dark .circle{translate:calc(var(--size) * var(--ratio) / 2 - 50% - var(--gap))}header>div .themeToggler.dark .circle .light{display:none}header>div .themeToggler.dark .circle .dark{display:block}#home{width:min(100% - 32px,400px + 50%,1600px);margin-left:auto;margin-right:auto;min-height:500px!important;margin-top:64px;display:flex;align-items:center;justify-content:space-between;position:relative}#home .hero__main{height:min(100%,500px);display:flex;flex-direction:column;align-items:flex-start;justify-content:space-evenly;margin-bottom:auto;margin-top:auto}#home .hero__main .hero__main-hey{background-color:var(--color-red);color:var(--color-primary);font-family:Cairo;font-weight:400;font-size:3rem;padding:4px 0}#home .hero__main .hero__main-title{color:var(--color-red);font-family:Source Sans Pro;font-weight:600;font-size:6rem;margin:0}#home .hero__main .hero__main-whoami{color:var(--color-quaternary);font-family:Source Sans Pro;font-size:2rem;margin:0}#home .hero__main .button-resume{font-size:1.2rem;padding:12px 8px;border-radius:4px;border:2px solid var(--color-red);color:var(--color-red);background-color:unset;font-family:Cairo}#home .hero__main .button-resume:hover{background-color:var(--color-secondary)}#home .home__social{position:absolute;right:0;display:flex;flex-direction:column;height:70%;align-items:center;justify-content:space-evenly}#home .home__social a{height:50px;width:50px;transition:background-color 2s;border-radius:100%;display:flex;align-items:center;justify-content:center}#home .home__social a:hover{background-color:var(--color-secondary)}#home .home__social a img{filter:invert(38%) sepia(71%) saturate(6707%) hue-rotate(330deg) brightness(89%) contrast(98%)}#home .button-scroll{position:absolute;left:0;right:0;bottom:16px;margin-left:auto;margin-right:auto;height:80px;width:40px;border:2px solid var(--color-red);border-radius:50px;color:var(--color-red)}#home .button-scroll path{color:var(--color-red);animation-duration:2s;animation-iteration-count:infinite;transform-origin:bottom;animation-name:bounce-7;animation-timing-function:cubic-bezier(.28,.84,.42,1)}@keyframes bounce-7{0%{transform:scale(1) translateY(7px)}10%{transform:scale(1.1,.9) translateY(7px)}30%{transform:scale(.9,1.1) translateY(-7px)}50%{transform:scale(1.05,.95) translateY(7px)}57%{transform:scale(1) translateY(4px)}64%{transform:scale(1) translateY(7px)}to{transform:scale(1) translateY(7px)}}#about{width:min(100% - 32px,400px + 50%,1600px);margin:64px auto;scroll-margin-top:64px}#about .about__content{font-size:large;margin-top:32px;padding:0 24px;width:min(100%,750px);margin-left:auto;margin-right:auto;line-height:32px}#skills{width:min(100% - 32px,400px + 50%,1600px);margin-left:auto;margin-right:auto;scroll-margin-top:64px;margin-bottom:64px}#skills .skills__text{width:min(100%,750px);font-size:large;line-height:32px;margin:32px auto;padding:0 24px}#skills .skills__content{width:100%;display:flex;flex-direction:row;justify-content:center;align-items:center;row-gap:32px;column-gap:32px}#skills .skills__content .skills-container{height:100%;width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}#skills .skills__content .skills-container .title{width:100%;font-weight:400;text-align:center;font-family:Source Sans Pro;background-color:var(--color-red);color:var(--color-primary);padding:4px 16px}#skills .skills__content .skills-container .content{height:200px;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:space-evenly}#skills .skills__content .knowledge-container{height:100%;width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}#skills .skills__content .knowledge-container .title{width:100%;font-weight:400;text-align:center;font-family:Source Sans Pro;background-color:var(--color-red);color:var(--color-primary);padding:4px 16px}#skills .skills__content .knowledge-container .content{height:200px;width:100%;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr);grid-column-gap:0px;grid-row-gap:0px;grid-template-areas:". . ." ". . ."}#skills .skills__content .knowledge-container .content .item1,#skills .skills__content .knowledge-container .content .item2,#skills .skills__content .knowledge-container .content .item3,#skills .skills__content .knowledge-container .content .item4,#skills .skills__content .knowledge-container .content .item5,#skills .skills__content .knowledge-container .content .item6,#skills .skills__content .knowledge-container .content .item7,#skills .skills__content .knowledge-container .content .item8{display:flex;align-items:center;justify-content:center}#skills .skills__content .knowledge-container .content img{height:60px;width:60px;aspect-ratio:1/1}#projects{width:min(100% - 32px,400px + 50%,1600px);margin-left:auto;margin-right:auto;scroll-margin-top:64px;margin-bottom:64px}#projects .projects__container{margin-bottom:32px;display:grid;grid-template-columns:repeat(auto-fit,minmax(360px,1fr));grid-gap:2rem}#projects .hint{margin-top:32px;margin-bottom:16px;text-align:center;font-weight:700}#contact{width:min(100% - 32px,400px + 50%,1600px);margin-left:auto;margin-right:auto;scroll-margin-top:64px;margin-bottom:64px;overflow:hidden}#contact .contact__text{font-size:large;margin-top:32px;padding:0 24px;width:min(100%,750px);margin-left:auto;margin-right:auto;text-align:center;line-height:24px}#contact .contact__content{height:fit-content;margin:32px 0;display:flex;flex-direction:column;align-items:center;gap:16px}#contact .contact__content input,#contact .contact__content textarea{width:100%!important;height:40px;background-color:transparent;color:var(--color-tertiary);border:var(--color-quaternary) 1px solid;border-radius:4px;outline:none;padding:8px 16px}#contact .contact__content label{position:absolute;left:0;top:20px;translate:16px -50%;transition:all .2s;z-index:40;background-color:var(--color-primary);padding-inline:8px;box-shadow:0 0 8px 8px var(--color-primary);color:var(--color-quaternary)}#contact .contact__content input:focus~label,#contact .contact__content input:valid~label,#contact .contact__content textarea:focus~label,#contact .contact__content textarea:valid~label{top:0;font-size:14px;color:var(--color-red)}#contact .contact__content input:focus,#contact .contact__content textarea:focus{border-color:var(--color-red);background-color:transparent;color:var(--color-tertiary)}#contact .contact__content input:-webkit-autofill,#contact .contact__content textarea:-webkit-autofill{transition:background-color 5000s ease-in-out 0s,color 5000s ease-in-out 0s}#contact .contact__content .contact-name_email{display:flex;align-items:center;justify-content:center;width:100%;gap:16px}#contact .contact__content .contact-name,#contact .contact__content .contact-email,#contact .contact__content .contact-message{position:relative;width:100%}#contact .contact__content .contact-message textarea{height:200px}#contact .contact__content .contact-submit{width:100%;display:flex;align-items:center;justify-content:center}#contact .contact__content .contact-submit button{padding:0 24px;height:40px;border-radius:4px;border:none;color:#ececec;background-color:var(--color-red);display:flex;align-items:center;justify-content:center;font-family:Cairo;font-size:larger;font-weight:600;margin-left:auto;margin-right:auto;grid-area:submit;letter-spacing:1px}#contact .message{position:fixed;width:256px;top:32px;right:32px;z-index:999;border-radius:4px;overflow:hidden;background-color:var(--color-tertiary)}#contact .message .inner{position:relative;height:100%;width:100%;display:flex;align-items:center;justify-content:flex-start;gap:8px;padding:24px}#contact .message .inner p{color:var(--color-primary)}#contact .message .inner .loading-bar{position:absolute;height:4px;left:0;bottom:0;background-color:var(--color-red);animation:shrink 2s linear 0s alternate forwards}@keyframes shrink{0%{width:100%}to{width:0%}}#contact .message.hidden{display:none}footer{width:100%;background-color:var(--color-tertiary);margin-top:32px;padding:16px 8px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px}footer .footer_quote{width:100%;display:flex;align-items:center;flex-direction:column}footer .footer_quote p:first-child{color:var(--color-primary);font-size:x-large}footer .footer_quote p{color:var(--color-primary);font-size:larger}footer .footer_copyright{font-family:Cairo;width:100%;display:flex;align-items:center;flex-direction:column;color:var(--color-red)}@media only screen and (max-width: 1000px){header div nav{display:none}#home{display:flex;flex-direction:column;align-items:center;justify-content:center}#home .hero__main{align-items:center;width:100%;padding:0 50px}#home .hero__main .hero__main-hey{font-size:2.5rem}#home .hero__main .hero__main-title{font-size:5rem;text-align:center}#home .hero__main .hero__main-whoami{text-align:center}#home .button-scroll{position:static!important;margin:16px 0;height:80px}#skills .skills__content,#contact .contact__content .contact-name_email{flex-direction:column}}