body{background-color:#0e1318;font-family:Arial,Helvetica,sans-serif}html{scroll-behavior:smooth}.container{display:flex;flex-direction:column;align-items:center}hr{border:none;height:1px;background-color:#5a37a6;margin-top:5rem;width:100%}.header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;padding:1rem 3rem;background-color:#0e1318;color:#fff;border-bottom:2px solid #5a37a6;width:100%;box-sizing:border-box}.header-icon{width:40px;height:40px;object-fit:contain}.header-nav{display:flex;gap:2rem;flex-wrap:wrap;padding:.5rem 1rem}.header-nav a{color:#fff;text-decoration:none;font-weight:500;transition:color .3s}.header-nav a:hover{color:#a78bfa}@media (max-width: 600px){.header{flex-direction:column;align-items:center;text-align:center;padding:1rem}.header-icon{width:32px;height:32px}.header-nav{justify-content:center;gap:1rem;padding:.5rem 0}}.about{display:flex;flex-direction:column;align-items:center;width:80%;margin:auto;text-align:center}.about-content{display:flex;flex-direction:row;justify-content:center;align-items:center;margin-top:2rem;flex-wrap:wrap;gap:5rem}.about-text{max-width:600px;padding:1rem;font-size:1.2rem;color:#fff;text-align:justify}.about-image img{width:250px;border-radius:10px;margin:1rem}.carousel .control-arrow,.carousel.carousel-slider .control-arrow{-webkit-transition:all .25s ease-in;-moz-transition:all .25s ease-in;-ms-transition:all .25s ease-in;-o-transition:all .25s ease-in;transition:all .25s ease-in;opacity:.4;filter:alpha(opacity=40);position:absolute;z-index:2;top:20px;background:none;border:0;font-size:32px;cursor:pointer}.carousel .control-arrow:focus,.carousel .control-arrow:hover{opacity:1;filter:alpha(opacity=100)}.carousel .control-arrow:before,.carousel.carousel-slider .control-arrow:before{margin:0 5px;display:inline-block;border-top:8px solid transparent;border-bottom:8px solid transparent;content:""}.carousel .control-disabled.control-arrow{opacity:0;filter:alpha(opacity=0);cursor:inherit;display:none}.carousel .control-prev.control-arrow{left:0}.carousel .control-prev.control-arrow:before{border-right:8px solid #fff}.carousel .control-next.control-arrow{right:0}.carousel .control-next.control-arrow:before{border-left:8px solid #fff}.carousel-root{outline:none}.carousel{position:relative;width:100%}.carousel *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.carousel img{width:100%;display:inline-block;pointer-events:none}.carousel .carousel{position:relative}.carousel .control-arrow{outline:0;border:0;background:none;top:50%;margin-top:-13px;font-size:18px}.carousel .thumbs-wrapper{margin:20px;overflow:hidden}.carousel .thumbs{-webkit-transition:all .15s ease-in;-moz-transition:all .15s ease-in;-ms-transition:all .15s ease-in;-o-transition:all .15s ease-in;transition:all .15s ease-in;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translateZ(0);position:relative;list-style:none;white-space:nowrap}.carousel .thumb{-webkit-transition:border .15s ease-in;-moz-transition:border .15s ease-in;-ms-transition:border .15s ease-in;-o-transition:border .15s ease-in;transition:border .15s ease-in;display:inline-block;margin-right:6px;white-space:nowrap;overflow:hidden;border:3px solid #fff;padding:2px}.carousel .thumb:focus{border:3px solid #ccc;outline:none}.carousel .thumb.selected,.carousel .thumb:hover{border:3px solid #333}.carousel .thumb img{vertical-align:top}.carousel.carousel-slider{position:relative;margin:0;overflow:hidden}.carousel.carousel-slider .control-arrow{top:0;color:#fff;font-size:26px;bottom:0;margin-top:0;padding:5px}.carousel.carousel-slider .control-arrow:hover{background:#0003}.carousel .slider-wrapper{overflow:hidden;margin:auto;width:100%;-webkit-transition:height .15s ease-in;-moz-transition:height .15s ease-in;-ms-transition:height .15s ease-in;-o-transition:height .15s ease-in;transition:height .15s ease-in}.carousel .slider-wrapper.axis-horizontal .slider{-ms-box-orient:horizontal;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-moz-flex;display:-webkit-flex;display:flex}.carousel .slider-wrapper.axis-horizontal .slider .slide{flex-direction:column;flex-flow:column}.carousel .slider-wrapper.axis-vertical{-ms-box-orient:horizontal;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-moz-flex;display:-webkit-flex;display:flex}.carousel .slider-wrapper.axis-vertical .slider{-webkit-flex-direction:column;flex-direction:column}.carousel .slider{margin:0;padding:0;position:relative;list-style:none;width:100%}.carousel .slider.animated{-webkit-transition:all .35s ease-in-out;-moz-transition:all .35s ease-in-out;-ms-transition:all .35s ease-in-out;-o-transition:all .35s ease-in-out;transition:all .35s ease-in-out}.carousel .slide{min-width:100%;margin:0;position:relative;text-align:center}.carousel .slide img{width:100%;vertical-align:top;border:0}.carousel .slide iframe{display:inline-block;width:calc(100% - 80px);margin:0 40px 40px;border:0}.carousel .slide .legend{-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-ms-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;transition:all .5s ease-in-out;position:absolute;bottom:40px;left:50%;margin-left:-45%;width:90%;border-radius:10px;background:#000;color:#fff;padding:10px;font-size:12px;text-align:center;opacity:.25;-webkit-transition:opacity .35s ease-in-out;-moz-transition:opacity .35s ease-in-out;-ms-transition:opacity .35s ease-in-out;-o-transition:opacity .35s ease-in-out;transition:opacity .35s ease-in-out}.carousel .control-dots{position:absolute;bottom:0;margin:10px 0;padding:0;text-align:center;width:100%;z-index:1}@media (min-width: 960px){.carousel .control-dots{bottom:0}}.carousel .control-dots .dot{-webkit-transition:opacity .25s ease-in;-moz-transition:opacity .25s ease-in;-ms-transition:opacity .25s ease-in;-o-transition:opacity .25s ease-in;transition:opacity .25s ease-in;opacity:.3;filter:alpha(opacity=30);box-shadow:1px 1px 2px #000000e6;background:#fff;border-radius:50%;width:8px;height:8px;cursor:pointer;display:inline-block;margin:0 8px}.carousel .control-dots .dot.selected,.carousel .control-dots .dot:hover{opacity:1;filter:alpha(opacity=100)}.carousel .carousel-status{position:absolute;top:0;right:0;padding:5px;font-size:10px;text-shadow:1px 1px 1px rgba(0,0,0,.9);color:#fff}.carousel:hover .slide .legend{opacity:1}.title-div{color:#fff;margin-top:1rem;margin-bottom:1rem;width:100%;font-family:Menbere,sans-serif}h1{font-weight:bolder;margin:0;font-size:xx-large}.div-center{text-align:center}.div-mid-left{text-align:left}.h1-mid-left{padding-left:10%}.div-mid-right{text-align:right}.h1-mid-right{padding-right:10%}.experience{display:flex;flex-direction:column;justify-content:center;align-items:center;width:90%}.experiences-div{width:100%;display:flex;flex-direction:row;justify-content:space-between;flex-wrap:wrap}.experience-div{max-width:30%}@media (max-width: 1100px){.experience-div{max-width:45%}}@media (max-width: 750px){.experience-div{max-width:95%}.experiences-div{justify-content:center}}.experience-card-container{display:flex;justify-content:center;margin:1.5rem 0;width:100%}.experience-card{background-color:#1c2128;color:#fff;border-radius:20px;padding:1.5rem;max-width:900px;display:flex;flex-direction:column;gap:1rem}.top-row{display:flex;align-items:center;gap:1.2rem}.experience-img{width:100px;height:100px;object-fit:contain;background-color:#1c2128}.experience-header h2{margin:0;font-size:1.5rem}.experience-header p{margin:.2rem 0;line-height:1.3}.bottom-content{display:flex;flex-direction:column;font-size:1.05rem;gap:.1rem;line-height:1.6}.bottom-content p{margin:0}@media (max-width: 600px){.top-row{flex-direction:column;text-align:center;gap:.5rem}}.footer{padding:2rem 0;text-align:center;width:100%}.footer-icons{display:flex;justify-content:center;gap:4rem;margin-bottom:2rem}.footer-icon{width:60px;height:60px;color:#fff;transition:transform .3s ease,color .3s ease}.social-media-link:hover .footer-icon{transform:scale(1.1);color:#6c63ff}.footer-text{color:#fff;font-weight:700;font-size:1.2rem}.education{display:flex;flex-direction:column;justify-content:center;align-items:center;width:70%}.formations{width:100%}@media (max-width: 1000px){.education{width:90%}}@media (max-width: 600px){.education{width:100%}}.expansive-card-container{display:flex;justify-content:center;margin:1.5rem 0;width:100%}.expansive-card{background-color:#1c2128;color:#fff;border-radius:20px;padding:1.5rem;display:flex;gap:1rem;position:relative;width:100%}.expansive-img{width:120px;height:120px;border-radius:5px}.expansive-info{flex-grow:1;font-size:1.1rem}.expansive-info h2{font-size:1.5rem}.toggle-button{background-color:#5a37a6;color:#fff;font-weight:700;padding:.5rem 1.2rem;border:none;border-radius:5px;margin-top:1rem;cursor:pointer}.toggle-button:hover{opacity:.9}@media (max-width: 600px){.expansive-card{flex-direction:column;align-items:center;text-align:center}.expansive-img{margin-bottom:1rem}.expansive-info{width:100%}}.card-container{align-items:center;display:flex;flex-direction:column}.card-inside-container{max-width:70%;padding:1rem;background-color:#1c2128;color:#fff;border-radius:3%}.card-image{display:flex;align-items:center;justify-content:center;position:relative;max-width:100%}img{max-width:100%;border-radius:.5%}.card-info{margin-top:1.5rem;text-align:left}h2{font-size:1.5rem;margin-bottom:.7rem}.custom-button{position:absolute;bottom:.5rem;right:.5rem;background-color:#5a37a6;color:#fff;border:none;border-radius:12px;cursor:pointer;text-decoration:none;font-weight:700}:root{--button-font-size: clamp(1rem, 2.5vw, 1.5rem);--button-padding: clamp(.5rem, 1vw, 1rem) clamp(1rem, 3vw, 2.5rem);--button-color: white;--button-bg: #5A37A6;--button-radius: 12px}.custom-button{padding:var(--button-padding);color:var(--button-color);background-color:var(--button-bg);border-radius:var(--button-radius);font-size:var(--button-font-size)}.tag{display:inline-block;padding:.3rem .6rem;margin:.2rem;font-size:.85rem;font-weight:500;color:#fff;border-radius:12px;background-color:#555;text-transform:uppercase}.html{background-color:#e44d26}.css{background-color:#264de4}.html{background-color:#d73c18}.php{background-color:#5a69b2}.javascript{background-color:#f0db4f;color:#323330}.mysql{background-color:#00758f;color:#fff}.vercel{background-color:#000;color:#fff}.react{background-color:#61dafb;color:#20232a}.reactnative{background-color:#00d8ff;color:#000}.bootstrap{background-color:#7952b3}.typescript{background-color:#3178c6;color:#fff}.expo{background-color:#000020;color:#fff}.projects{display:flex;flex-direction:column;justify-content:center;align-items:center;max-width:80%}.carousel{max-width:"100%";overflow:"hidden"}.arrow{position:absolute;top:50%;z-index:2;font-size:3rem;color:#fff;background:none;border:none;padding:.5rem 1rem;cursor:pointer;transform:translateY(-50%);transition:background .3s}.arrow-prev{left:15px}.arrow-next{right:15px}@media (max-width: 1000px){.projects{max-width:90%}}@media (max-width: 600px){.projects{max-width:100%}}.skills{max-width:100%}.sql-output{font-family:Courier New,monospace;background-color:#0c0c0c;color:#f2f2f2;padding:20px;border-radius:10px;max-width:700px;margin:auto;box-shadow:0 0 8px #00ff001a}.sql-prompt,.sql-end{color:#0f0;margin:0 0 10px;white-space:pre-wrap}.sql-table{width:100%;border-collapse:collapse;margin-bottom:10px}.sql-table th,.sql-table td{border:1px solid #333;padding:8px 12px;text-align:left}.sql-table th{background-color:#222;color:#0cf;font-weight:700}.sql-table tr:nth-child(2n){background-color:#1a1a1a}