@import url(https://fonts.googleapis.com/css2?family=Silkscreen:wght@700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600&display=swap);*{box-sizing:border-box;list-style:none;margin:0;outline:0;padding:0;text-decoration:none}:root{--color-bg:#4d7e95;--color-bg-var:#e6ecf5;--color-primary:#a0c8dd;--color-icon:#fe834d;--color-primary-var:#a0c8dd;--color-white:#fff;--color-light:#a0c8dd;--color-img:#4d7e95;--container-width-lg:75%;--container-width-md:86%;--container-width-sm:90%}html{scroll-behavior:smooth}::-webkit-scrollbar{display:none}body{background:#4d7e95;background:var(--color-bg);background-repeat:no-repeat;background-size:cover;color:#fff;color:var(--color-white);font-family:Poppins,sans-serif;line-height:1.7}.container{margin:0 auto;width:75%;width:var(--container-width-lg)}h1,h2,h3,h4,h5{color:#000;font-weight:500}h2,h5{font-family:Silkscreen,cursive}h1{font-size:2.5rem}section{height:auto}section>h2,section>h5{color:#a0c8dd;color:var(--color-light);margin-top:15px;text-align:center}section>h2{color:#a0c8dd;color:var(--color-primary);margin-bottom:3rem}.text-light{color:#fe834d;color:var(--color-icon)}a{color:#a0c8dd;color:var(--color-primary);transition:all .3s ease}a:hover{color:#fff;color:var(--color-white);cursor:pointer}.btn{border-radius:.4rem;color:#a0c8dd;color:var(--color-primary);display:inline-block;padding:.75rem 1.2rem;transition:all .3s ease;width:-webkit-max-content;width:max-content}.btn,.btn:hover{border:1px solid #a0c8dd;border:1px solid var(--color-primary)}.btn:hover{background:#fff;cursor:pointer}.btn-primary,.btn:hover{color:#4d7e95;color:var(--color-bg)}.btn-primary{background:#a0c8dd;background:var(--color-primary)}img{display:block;object-fit:cover;width:100%}@media screen and (max-width:1024px){.container{width:86%;width:var(--container-width-md)}}@media screen and (max-width:600px){.container{width:90%;width:var(--container-width-sm)}section>h2{margin-bottom:2rem}}header{height:120vh;overflow:hidden;padding-top:3rem}.header_container{height:100%;position:relative;text-align:center}.header_container h5,h1{color:#fff}.header_container h1{font-size:2rem}.header_container h5:first-of-type{font-family:Silkscreen,cursive;font-size:4rem;font-weight:500}.header_container h5:nth-of-type(2){align-items:center;display:flex;flex-direction:row;gap:.5rem;justify-content:center}.typewriter{color:var(--color-icon)}.container_btn{display:flex;gap:1.2rem;justify-content:center;margin-top:2.5rem}.header_socials{align-items:center;bottom:8rem;display:flex;flex-direction:column;gap:.8rem;left:0;position:absolute}.header_socials a:hover{color:var(--color-icon)}.header_socials:after{background:var(--color-primary);content:"";height:2rem;width:1px}.omar{border-radius:50px;height:30rem;margin-left:18rem;margin-top:6rem;overflow:hidden;position:absolute;width:30rem}.scroll_down{bottom:12rem;font-size:.9rem;font-weight:300;position:absolute;right:-2.3rem;transform:rotate(90deg)}.scroll_down:hover{color:var(--color-icon)}@media screen and (max-width:1024px){header{height:100vh}.header_container{height:70%}.omar{margin-left:13rem;margin-top:6rem}.scroll_down{bottom:3rem}.header_socials{bottom:-2rem}}@media screen and (max-width:820px){.omar{margin-left:7rem;margin-top:6rem}}@media screen and (max-width:768px){header{height:100vh}.header_container{height:70%}.omar{margin-left:7rem;margin-top:6rem}.scroll_down{bottom:3rem}.header_socials{bottom:-2rem}}@media screen and (max-width:600px){.omar{height:20rem;margin-right:15rem;margin-top:6rem;width:20rem}.header_socials,.scroll_down{display:none}}@media screen and (max-width:430px){.header_socials,.scroll_down{display:none}.omar{margin-left:2rem;margin-top:6rem}}@media screen and (max-width:390px){.header_socials,.scroll_down{display:none}.omar{margin-left:.5rem;margin-top:6rem}}nav{-webkit-backdrop-filter:plur(15px);backdrop-filter:plur(15px);background:#f3f6fe;border-radius:3rem;bottom:2rem;display:block;gap:.8rem;left:50%;padding:.7rem 1.7rem;position:fixed;transform:translateX(-50%);width:-webkit-max-content;width:max-content;z-index:2}nav,nav a{display:flex}nav a{background:#0000;border-radius:50%;color:var(--color-light);font-size:1.1rem;padding:.9rem}nav a:hover{background:var(--color-light)}nav a.active{background:var(--color-bg);color:var(--color-white)}#About{margin-top:10rem}.about_container{display:flex;gap:15%;justify-content:center}h2,h5{align-items:center}.about_me{aspect-ratio:1.5;background:linear-gradient(45deg,#0000,var(--color-primary),#0000);border-radius:2rem;display:grid;place-items:center;width:100%}.about_me_img{border-radius:2rem;overflow:hidden;transform:rotate(10deg);transition:var(--transition)}.about_me_img:hover{transform:rotate(0)}.about_cards{display:flex;gap:1.5rem;justify-content:center}.about_content p{color:var(--color-light);margin:2rem 0 2.6rem}.about_content small{font-size:1rem;font-weight:800}@media screen and (max-width:1024px){.about_container{gap:0;grid-template-columns:1fr}.about_me{margin:2rem auto 4rem;width:50%}.about_content p{margin:1rem 0 1.5rem}}@media screen and (max-width:600px){.about_container{margin-bottom:4rem}.about_me{margin:0 auto 3rem;width:65%}.about_cards{gap:1rem;grid-template-columns:1fr 1fr}.about_content{text-align:center}.about_content p{margin:1.5rem 0}}.about_card{background:var(--color-bg-var);border:1px solid #0000;border-radius:1rem;box-shadow:0 1px 3px #000,0 1px 2px #000;padding:2rem 2rem 1rem;text-align:center;transition:var(--transition)}.about_card:hover{background:#0000;border-color:var(--color-primary-var)}.about_card:hover h4{color:#fff}.about_card h5{font-size:.95rem}.about_card small{color:var(--color-icon);font-size:.7rem}.about_icon{color:var(--color-icon);font-size:1.4rem;margin-bottom:1rem}.ex_container{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr 1fr}.ex_container>div{background:var(--color-bg-var);border:1px solid #0000;border-radius:2rem;box-shadow:0 1px 3px #000,0 1px 2px #000;padding:2.4rem 5rem;transition:var(--transition)}.ex_container>div:hover{background:#0000;border-color:var(--color-primary-var);cursor:default}.ex_container>div:hover .ex_content .ex_details div h4,.ex_container>div:hover h3{color:#fff}.ex_container>div h3{color:var(--color-icon);margin-bottom:2rem;text-align:center}.ex_content{grid-row-gap:2rem;display:grid;grid-template-columns:1fr 1fr;row-gap:2rem}@media screen and (max-width:1024px){.ex_container{grid-template-columns:1fr}.ex_container>div{margin:0 auto;padding:2rem;width:80%}.ex_content{padding:1rem}}@media screen and (max-width:600px){.ex_container{gap:1rem}.ex_container>div{padding:2rem 1rem;width:100%}}.ex_details{display:flex;gap:1rem}.ex_details_icon{color:var(--color-icon);font-size:1.4rem;margin-top:3px}.portfolio_container{grid-gap:2.5rem;display:grid;gap:2.5rem;grid-template-columns:repeat(3,1fr)}@media screen and (max-width:1024px){.portfolio_container{gap:1.2rem;grid-template-columns:1fr 1fr}#Portfolio{margin-top:10rem}}@media screen and (max-width:600px){.portfolio_container{gap:1rem;grid-template-columns:1fr}}.portfolio_item{background:var(--color-bg-var);border:1px solid #0000;border-radius:2rem;box-shadow:0 1px 3px #000,0 1px 2px #000;padding:1.3rem;transition:var(--transition)}.portfolio_item:hover{background:#0000;border-color:var(--color-primary-var)}.portfolio_item:hover h3{color:#fff}.portfolio_item h3{color:var(--color-icon);margin:1.2rem 0 1rem}.portfolio_item_img{border-radius:1.5rem;overflow:hidden}.portfolio_item_link{display:flex;gap:1rem}.contact_option{align-items:center;background:var(--color-bg-var);border:1px solid #0000;border-radius:1.2rem;box-shadow:0 1px 3px #000,0 1px 2px #000;display:flex;flex-direction:column;justify-content:center;padding:1.2rem;text-align:center;transition:var(--transition)}.contact_option:hover{background:#0000;border-color:var(--color-primary-var)}.contact_option:hover h4{color:#fff}.contact_icon{font-size:1.5rem;margin-bottom:.5rem}.contact_icon,.contact_option h5,small{color:var(--color-icon)}.contact_option a{display:inline-block;font-size:.8rem;margin-top:.7rem}#Contact{margin-top:10rem}.contact_container{grid-gap:12%;display:grid;gap:12%;grid-template-columns:30% 58%;width:58%}.contact_options,form{display:flex;flex-direction:column;gap:1.2rem}input,textarea{background:#0000;border:2px solid var(--color-primary-var);border-radius:.5rem;box-shadow:0 1px 3px #000,0 1px 2px #000;color:var(--color-white);padding:1.5rem;resize:none;width:100%}input::placeholder,textarea::placeholder{color:var(--color-primary-var)}@media screen and (max-width:1024px){.contact_container{gap:2rem;grid-template-columns:1fr}#Contact{margin-bottom:10rem;margin-top:10rem}}@media screen and (max-width:600px){.contact_container{width:var(--container-width-sm)}}@media screen and (max-width:414px){.contact_container{width:var(--container-width-sm)}}footer{background:var(--color-primary);font-size:.9rem;margin-top:7rem;padding:3rem 0;text-align:center}footer a{color:var(--color-bg)}.footer_logo{display:inline-block;font-size:2rem;font-weight:500;margin-bottom:2rem}.links{flex-wrap:wrap;gap:2rem;margin:0 auto 3rem}.footer_media,.links{display:flex;justify-content:center}.footer_media{gap:1rem;margin-bottom:4rem}.footer_media a{background:var(--color-bg);border:1px solid #0000;border-radius:.7rem;color:var(--color-white);display:flex;padding:.8rem}.footer_media a:hover{box-shadow:0 1px 3px #000,0 1px 2px #000}.footer_copyright{color:var(--color-bg);margin-bottom:4rem}@media screen and (max-width:600px){.links{flex-direction:column;gap:1.5rem}.footer_media{margin-bottom:2.6rem}}
/*# sourceMappingURL=main.06759dc9.css.map*/