@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap);.navbar__container{align-items:center;display:flex;font-size:14px;justify-content:space-between;margin-bottom:5px;margin-top:5px;padding:5px;text-transform:uppercase}.navbar{background-color:var(--frosted-pearl);height:50px;justify-content:space-around;padding:15px 5px;transition:width .5s ease;width:320px}.nav-link,.navbar{align-items:center;border-radius:50px;display:flex}.nav-link{justify-content:center;padding:10px}.nav-link,.nav-link-avatar{color:var(--navy-void);text-decoration:none!important;transition:background-color .5s ease}.nav-link-avatar{align-items:center;border-radius:50px;display:flex;justify-content:left}.nav-link,.nav-link-avatar{-webkit-tap-highlight-color:transparent;outline:none}.nav-link .icon-container{align-items:center;border-radius:50%;display:flex;justify-content:center;padding:5px}.nav-link-avatar span,.nav-link.active{background-color:var(--active-stone)}.nav-link-avatar span{border-radius:15px 15px 15px 15px;margin-left:10px;margin-right:10px;padding:5px;text-align:center;text-transform:capitalize}.nav-link.active .icon-container svg{fill:var(--primary-color)}.nav-link span,.nav-link-avatar span{display:inline-block;overflow:hidden;transition:opacity .5s ease,width .5s ease;white-space:nowrap}.nav-link span.hide,.nav-link-avatar span.hide{opacity:0;width:0}.nav-link span.show{opacity:1;width:85px}.nav-link-avatar span.show{opacity:1;width:65px}.nav-link:hover{background-color:var(--hovering-cloud)}.img{display:inline-block;position:relative}.img img{border:5px solid var(--frosted-pearl);border-radius:50%;display:block;height:62.5px;width:62.5px}.verified-icon{background-color:var(--fixed-white);border-radius:50%;bottom:0;color:var(--primary-color);height:16px!important;padding:2px;position:absolute;right:0;width:16px!important}.fake_message__name{color:var(--navy-void);font-size:11px;font-weight:700;margin-left:10px;text-transform:capitalize}@media (max-width:600px){.navbar__container{font-size:13px}.navbar{align-items:center;background-color:var(--frosted-pearl);border-radius:50px;display:flex;height:50px;justify-content:space-around;margin:0 auto;padding:10px 5px;transition:width .5s ease;width:320px}.nav-link span.show{opacity:1;width:80px}}.home{padding:20px}.content{align-items:center;display:flex}.text{flex:1 1;max-width:60%}.image{align-items:center;display:flex;flex:1 1;justify-content:center}.image img{border-radius:30px;height:auto;width:350px}@media (max-width:900px){.content{flex-direction:column}.text{max-width:100%}.image{margin-top:10px}.image img{width:200px}}.AboutMe{padding:20px}.AboutMe img{width:400px}.grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:20px}.card{align-items:center;border:1px solid var(--hovering-cloud);border-radius:8px;display:flex;flex-direction:column;justify-content:space-between;min-height:250px;padding:20px;text-align:center}.AboutMe .icon{color:var(--primary-color);font-size:3rem}@media (min-width:768px){.grid{grid-template-columns:repeat(2,1fr)}}.Contact{display:flex;gap:20px;justify-content:space-between}.left-column{flex:0 0 60%;padding:20px}.right-column{flex:1 1 40%;padding:20px 0}.social-media{background-color:var(--violet-velvet);border-radius:10px;display:flex;flex-direction:column;gap:20px;margin:20px 0;padding:20px}.social-media p{color:var(--fixed-white);margin:0;padding:0}.social-media div{align-items:center;display:flex;gap:5px}.social-media__line a{align-items:center;color:var(--fixed-white);display:flex;gap:10px}.contact-form,.form-group-row{display:flex;flex-direction:column}.form-group{align-items:center;display:flex;flex:1 1;justify-content:center;margin-bottom:15px;width:100%}input,textarea{background-color:var(--frosted-pearl);border:1px solid #ccc;border-radius:6px;color:var(--text-color);font-size:1rem;outline:none;padding:15px;width:100%}textarea{font-family:var(--font-family-primary);height:150px;resize:none}input:focus,textarea:focus{border:1px solid #ccc}.button-group{display:flex;gap:10px;margin:0 auto;padding-bottom:30px;width:150px}.Contact .send-button{background-color:var(--primary-color);border:none;border-radius:6px;box-shadow:none;color:#fff;cursor:pointer;height:36px;margin-bottom:50px;padding:15px 25px;transition:background-color .3s ease}.send-button:hover{background-color:var(--primary-color-hover)}.checkbox__container{align-items:center;display:flex;margin:15px 0}.checkbox__container input[type=checkbox]{accent-color:var(--secondary-color);height:1rem;margin-right:15px;width:1rem}.checkbox__container label{font-size:1rem}.checkbox__container label a{text-decoration:underline}@media (max-width:1200px){.Contact,.form-group-row{flex-direction:column}.left-column,.right-column{flex:1 1 100%}.checkbox__container input[type=checkbox]{margin-right:5px}.checkbox__container label{font-size:.8rem}}.app__main{margin:0 auto;max-width:940px;padding:0 15px}.footer{align-items:center;background-color:var(--frosted-pearl);border-top:1px solid var(--hovering-cloud);color:var(--navy-void);display:flex;height:200px;justify-content:center;padding:20px;text-align:center}.footer__content{margin:0 auto;max-width:940px;padding:0 15px}.footer__content p{font-size:14px}.logo__container{align-items:center;display:flex;justify-content:center}.mui__logo,.php__logo,.react__logo,.sql__logo,.wordpress__logo{filter:grayscale(100%);height:25px;margin:20px;width:auto}.mui__logo:hover,.php__logo:hover,.react__logo:hover,.sql__logo:hover,.wordpress__logo:hover{filter:none}a{color:var(--navy-void);text-decoration:none}.footer_links a{font-size:1rem;margin:5px;text-transform:capitalize}@media (max-width:600px){.mui__logo,.php__logo,.react__logo,.sql__logo,.wordpress__logo{filter:grayscale(100%);height:auto;margin:20px;width:30px}.footer{height:230px}.footer_links{align-items:center;display:flex;flex-direction:column;padding:10px 0}.footer_links a{font-size:.9rem}}.logo{align-items:center;color:var(--active-stone);display:flex;flex-direction:column;font-family:var(--font-family-secondary);font-size:3rem;font-style:italic;justify-content:center;line-height:.5;margin:20px;padding:20px}.logo__firstname,.logo__middlename{text-align:left;width:135px}:root{--font-family-primary:"Inter",sans-serif;--font-family-secondary:"Noe Display",Georgia,Times,serif;--background-color:#fff;--text-color:#1c1e21;--text-color-secondary:#333;--frosted-pearl:#f5f6f7;--navy-void:#1c1e21;--hovering-cloud:#e4e6eb;--active-stone:#d8dadf;--primary-color:#1877f2;--primary-color-hover:#146adc;--secondary-color:#f02849;--lime-zest:#13cf13;--violet-velvet:#7744d0;--fixed-white:#fff;--fixed-icon-color:#18191a;--invert-color:invert(90%);--fill-bw:brightness(0) invert(0);--project-card-bg:#e9ebef}[data-theme=dark]{--background-color:#18191a;--text-color:#e4e6eb;--text-color-secondary:#444;--frosted-pearl:#242526;--navy-void:#e4e6eb;--hovering-cloud:#3a3b3c;--active-stone:#4a4b4d;--primary-color:#1877f2;--primary-color-hover:#146adc;--secondary-color:#f02849;--lime-zest:#13cf13;--violet-velvet:#7744d0;--invert-color:"none";--fill-bw:brightness(0) invert(1)}body{background:#fff;background:var(--background-color);color:#1c1e21;color:var(--text-color);font-family:Inter,sans-serif;font-family:var(--font-family-primary);margin:0;transition:background-color .3s ease,color .3s ease}h1{font-family:Noe Display,Georgia,Times,serif;font-family:var(--font-family-secondary);font-size:3rem}h1,h2{display:inline-block;line-height:1.2}h2{color:#f02849;color:var(--secondary-color);font-size:2rem;margin:0 0 25px}h3 span{background-color:#7744d0;background-color:var(--violet-velvet);border-radius:10px;color:#1c1e21;color:var(--text-color);font-size:1.5rem;padding:10px 20px}p{font-size:1.2rem}@media (max-width:600px){h1{font-size:2.5rem}h2{font-size:1.5rem}h3{font-size:1.2rem}p{font-size:.9rem}}
/*# sourceMappingURL=main.e245bed0.css.map*/