body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}@font-face{font-family:PlaywriteRegular;font-style:normal;font-weight:400;src:url(/static/media/PlaywriteHU-Regular.2f02dbda8410ebae3fcb.ttf) format("truetype")}@font-face{font-family:PlaywriteLight;font-style:normal;font-weight:300;src:url(/static/media/PlaywriteHU-Light.62318f10266d2faba3fd.ttf) format("truetype")}@font-face{font-family:PlaywriteThin;font-style:normal;font-weight:200;src:url(/static/media/PlaywriteHU-Thin.af01e39cf9c31152ff1e.ttf) format("truetype")}@font-face{font-family:PlaywriteExtraLight;font-style:normal;font-weight:100;src:url(/static/media/PlaywriteHU-ExtraLight.27b576aead6833a319d3.ttf) format("truetype")}.App{align-content:center;align-items:center;background-color:#e6f0f7;display:flex;flex-direction:column;justify-content:center;min-height:100vh;text-align:center;width:100%}.App_Experience-button{background-color:hsla(0,0%,50%,.247);border:0;border-radius:1vh;cursor:pointer;height:3rem;position:absolute;right:1vh;top:1vh;transform:scaleX(-1);transition:1s;width:3rem}.App_Experience-button:hover{background-color:hsla(0,3%,75%,.527);height:3.1rem;width:3.1rem}.App_Experience-button svg{height:70%;width:70%}video{height:100vh;object-fit:cover;position:absolute;width:100%;z-index:-1}h1{font-size:3rem;width:17rem}.demo{font-size:1rem;text-align:center}a{color:#383838;text-decoration:none}.moon{animation:moonGlow 2s ease-in-out infinite;font-size:4rem;text-shadow:0 0 10px #ffe69666,0 0 20px #ffe69680,0 0 30px #ffe69699}@keyframes moonGlow{0%,to{text-shadow:0 0 10px #ffe69666,0 0 20px #ffe69680,0 0 30px #ffe69699;transform:scale(1)}50%{text-shadow:0 0 20px #ffe69699,0 0 30px #ffe696b3,0 0 40px #ffe696cc;transform:scale(1.05)}}.App_text-container{align-content:center;align-items:center;color:#fff;display:flex;flex-direction:column}@media(min-width:400px){video{height:100vh;left:0;max-width:100%;object-fit:cover;object-position:bottom;position:absolute;top:0;z-index:-1}}@media(min-width:1000px){video{height:150vh;left:0;max-width:100%;object-fit:cover;object-position:bottom;position:absolute;z-index:-1}}.navbar{align-items:center;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#ffffff26;border:1px solid #ffffff4d;border-radius:0 0 15px 15px;box-shadow:0 4px 30px #0000001a;display:flex;flex-direction:row;font-family:fantasy;height:50px;justify-content:space-around;margin-bottom:40px;position:fixed;width:100%;z-index:10000}.navbar a{color:#fff;text-decoration:none}.about{align-items:flex-start;background-color:#f5f5f5;border-radius:12px;box-shadow:0 4px 20px #0000001a;color:#333;display:flex;flex-direction:column;font-family:Segoe UI,sans-serif;margin:0 auto;max-width:800px;padding:2rem}.about section{margin-bottom:2rem}.about h2{color:#007acc;font-size:2rem;margin-bottom:1rem}.about h3{color:#444;font-size:1.5rem;margin-bottom:.5rem;margin-top:1.5rem}.about p{line-height:1.6}.about ul{list-style:none;padding-left:1rem}.about ul li:before{color:#007acc;content:"✔ ";margin-right:.5rem}.about--ul a{color:#007acc;text-decoration:none}.about a:hover{text-decoration:underline}.about--ul,.contact,.skills{align-items:flex-start;display:flex;flex-direction:column}.download-btn{background-color:#007acc;border:none;border-radius:8px;color:#fff;display:inline-block;font-weight:700;margin-top:1rem;padding:.75rem 1.5rem;text-decoration:none;transition:background-color .3s ease,transform .2s ease}.download-btn:hover{background-color:#005fa3;transform:scale(1.05)}.contact-container{background-color:#f0f0f0;border-radius:10px;box-shadow:0 4px 16px #0000001a;color:#333;font-family:Segoe UI,sans-serif;max-width:800px;padding:2rem}.contact-container h2{color:#007acc;margin-bottom:.5rem}.contact-container p{line-height:1.6}.contact-info a{color:#007acc;text-decoration:none}.contact-info a:hover{text-decoration:underline}.skills{margin-top:2rem}.skills h3{color:#444;margin-bottom:.5rem}.skills ul{display:flex;flex-wrap:wrap;gap:1rem;list-style:none;padding-left:0}.skills li{background-color:#e6f2ff;border-radius:6px;font-weight:500;padding:.5rem 1rem}.contact-info{align-items:flex-start;display:flex;flex-direction:column}@font-face{font-family:NotoSans;font-style:normal;font-weight:300;src:url(/static/media/NotoSansTifinagh-Regular.c88e8b8179eec1d29b2a.ttf) format("truetype")}@font-face{font-family:Exile;font-style:normal;font-weight:300;src:url(/static/media/Exile-Regular.38fd579de0bf2ba48d3f.ttf)}.riwi{margin:100px 0}.riwi__projects--title{color:#eee;font-size:88px;margin:0 30px 0 50px;position:absolute;text-shadow:0 0 5px #19cfff,0 0 15px #19cfff,0 0 30px #19cfff,0 0 50px #19cfff}.riwi__projects--img{color:#eee;height:100px;left:0;margin-top:15px;position:absolute}.projects--title{color:#eee;font-size:5vw;padding:0 0 0 3rem}.portaphlio{background-attachment:fixed;background-image:url(/static/media/videoframe_5500.2cae2eaadbb56c4fd906.png);background-position:50%;background-repeat:no-repeat;background-size:cover;display:flex;flex-direction:column;justify-content:space-between;min-height:100vh;padding-top:40px;width:100%}.text_container{color:#fff;padding:1vw;position:relative;text-align:left}.text_container p{color:#fff;font-family:Exile,sans-serif;font-size:3rem;margin:0;padding:0;text-shadow:0 0 5px #19cfff,0 0 15px #19cfff,0 0 30px #19cfff,0 0 50px #19cfff}.card--title-start{animation:glitch-hidden 4s infinite;color:#00c3ff;content:"";inset:0;overflow:visible;transition:overflow 0s ease;width:0}.card--title-end{left:13vw;position:relative;width:60%}.hover-text-start{animation:glitch 4s steps(4) infinite;color:#fff;left:1vw!important;overflow:hidden;position:absolute;text-shadow:0 0 5px #ff3ec8,0 0 10px #ff3ec8,0 0 20px #ff3ec8;top:1vw!important;transition:overflow 0s ease;width:0;z-index:2}.hover-text-end,.hover-text-start{content:"";font-family:Exile,sans-serif;font-size:3rem;inset:0;margin:0;padding:0}.hover-text-end{align-items:flex-end;color:#00c3ff;display:flex;flex-direction:column;overflow:visible;position:relative;text-shadow:0 0 5px #19cfff,0 0 15px #19cfff,0 0 30px #19cfff,0 0 50px #19cfff;transition:width 0s ease;width:100%}.clubs-span{color:#ff3ec8;font-family:monospace;font-size:20px;left:15.8vw;letter-spacing:2vw;position:relative;text-shadow:0 0 5px #ff6bd6,0 0 15px #ff6bd6,0 0 30px #ff6bd6;width:0}.clubs-span-1{animation:flicker 2s steps(3) infinite backwards}.clubs-span-2{animation:flicker 2.5s steps(4) infinite backwards}.clubs-span-3{animation:flicker 1.5s steps(5) infinite backwards}@keyframes flicker{to{color:gray;text-shadow:none}}span{font-family:NotoSans;font-size:8vw}.card iframe{height:10vh}.card__container{display:flex;flex-direction:row;flex-wrap:nowrap;height:100%;justify-content:space-around;overflow-y:hidden;scrollbar-width:none;width:100%}.card__section{display:flex;flex-direction:column;overflow:hidden;width:100%}.card__container--map__container{display:flex;flex-direction:column;height:316px;margin:5%;min-width:173px}.card__container--map__container iframe{border-radius:20px;height:100%;width:100%}.iframe--bton{background:#3498db;border:1px solid #fff;box-shadow:0 2px 0 #fff,2px 4px 6px #eee;color:#fff;cursor:pointer;display:block;font-size:16px;font-weight:400;font-weight:900;letter-spacing:1px;line-height:45px;margin:0 auto 2em;max-width:160px;position:relative;text-transform:uppercase;transition:all .15s linear;width:100%}.iframe--bton:hover{background:#3498db;border:1px solid #0000000d;box-shadow:1px 1px 2px #fff3;color:#74e6e0;text-decoration:none;text-shadow:-1px -1px 0 #136a65;transition:all .25s linear}h3{color:#ffa7e6;font-family:NotoSans;font-size:5.5vw;font-variant:bold;margin:5px;text-shadow:-2px 0 #19cfff,0 2px #19cfff,2px 0 #19cfff,0 -2px #19cfff}@keyframes glitch{0%{transform:translate(0)}25%{color:#ff3ec8;overflow:visible;transform:translate(-2px,2px)}48%{color:#fff;text-shadow:0 0 5px red,0 0 15px red,0 0 30px red;transform:translate(2px,-1px)}50%{text-shadow:0 0 5px #ff6bd6,0 0 15px #ff6bd6,0 0 30px #ff6bd6;transform:translate(-2px,-1px)}65%{overflow:hidden}80%{color:#fff;transform:translate(1px,-2px)}to{transform:translate(0)}}@keyframes glitch-hidden{0%{opacity:1;overflow:visible;text-shadow:0 0 5px #19cfff,0 0 10px #19cfff,0 0 20px #19cfff,0 0 40px #19cfff}10%{opacity:.2;text-shadow:none}15%{opacity:1;text-shadow:0 0 5px #19cfff,0 0 10px #19cfff,0 0 20px #19cfff,0 0 40px #19cfff}20%{opacity:.2;text-shadow:none}25%{opacity:1;overflow:hidden}30%{opacity:.6;text-shadow:none}40%{opacity:1}55%{opacity:.2;text-shadow:none}70%{opacity:1;text-shadow:0 0 5px #19cfff,0 0 10px #19cfff,0 0 30px #19cfff}85%{opacity:.5;text-shadow:none}to{opacity:1;overflow:visible;text-shadow:0 0 5px #19cfff,0 0 10px #19cfff,0 0 20px #19cfff,0 0 40px #19cfff}}@media(min-width:1000px){h3{font-size:3vw}.card__container--map__container{height:500px;margin:2%;min-width:500px}.hover-text-start,.text_container p,span{font-size:5vw}.portaphlio{background-attachment:inherit;height:162vh}}.modal-overlay{align-items:center;background:#0009;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:999}.modal-content{background:#fff;border-radius:20px;box-shadow:0 0 20px #0006;height:90vh;overflow:hidden;position:relative;transition:transform .4s ease-in-out;width:90vw}.modal-content iframe{border:none;height:100%;width:100%}.card--button{font-size:2vw;margin-top:50px}.card--button,.modal-close{background:#0000;border:2px solid aqua;border-radius:8px;box-shadow:0 0 10px aqua,inset 0 0 20px aqua;color:aqua;cursor:pointer;font-family:Orbitron,sans-serif;letter-spacing:1px;padding:8px 16px;text-shadow:0 0 5px aqua,0 0 10px aqua;transition:all .3s ease-in-out}.modal-close{font-size:16px;position:absolute;right:20px;top:15px}.modal-close:hover{background:#00ffff1a;border-color:#fff;box-shadow:0 0 10px aqua,0 0 20px aqua,0 0 30px aqua,0 0 40px aqua;color:#fff;text-shadow:0 0 10px aqua,0 0 20px aqua}
/*# sourceMappingURL=main.b0e9d228.css.map*/