@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@400&display=swap);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}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Roboto,sans-serif}ul{list-style:none}ul li{display:inline-block}a{text-decoration:none}a:hover{text-decoration:underline}img{height:100%;width:100%}.btn{border:none;cursor:pointer;font-weight:700;outline:none;padding:10px}.s-margin{margin:20px}.s-margin-vert{margin:20px 0}.s-margin-hore{margin:0 20px}.b-m-h{margin:0 15px}@media screen and (min-width:520px){.b-m-h{margin:0 60px}}.mr-20{margin-right:20px}.perGreen{color:#2a9d8f!important}.alert{display:none;left:0;padding:20px 0;position:fixed;top:40px;width:100%;z-index:10}.alert p{border-radius:5px;padding:10px 40px}.container{margin:0 auto;width:90%}@media screen and (min-width:520px){.container{width:85%}}.inner-container{margin:0 auto;width:95%}.flex{align-items:center;display:flex;justify-content:flex-start}.flex-center{justify-content:center}.flex-between{justify-content:space-between}.flex-around{justify-content:space-around}.flex-column{flex-direction:column}.flex-column-start{align-items:flex-start;justify-content:center}@media screen and (min-width:520px){.flex-column{flex-direction:row;justify-content:space-between}}header{box-shadow:0 0 40px rgba(0,0,0,.07);margin-bottom:20px;padding:20px 0}header .logo .img-div{background:url(/static/media/Mahmoud_50.57afe976b8f1eb5c145b.jpg) 50%/cover;border:5px solid #264653;border-radius:50%;height:60px;margin-right:10px;width:60px}header h4{color:#264653}@media screen and (min-width:520px){header .img-div{height:80px!important;width:80px!important}header .name-title{width:100%}header h4,header h5{font-size:22px}}nav{padding:20px 0}nav .navbar-items{align-items:center;justify-content:center}nav li a{color:#2a9d8f;font-weight:700}nav li a.active{color:#264653;text-decoration:underline;text-decoration-color:#e9c46a}.content{margin:60px 0}@media screen and (min-width){.content{margin:80px 0}}.portfolio .projects{margin:40px 0;width:100%}.portfolio .projects h1{color:#264653;font-size:28px;margin-bottom:20px}.portfolio .projects .projects-view{display:grid;grid-template-rows:1fr;width:100%}@media screen and (min-width:520px){.portfolio .projects .projects-view{grid-template-columns:1fr 1fr 1fr}}.portfolio .projects .projects-view .project{background:rgba(0,0,0,.07);border-radius:10px;box-shadow:0 0 80px rgba(0,0,0,.07);display:grid;margin:20px auto;min-height:200px;overflow:hidden;padding:15px;position:relative;width:80%}.portfolio .projects .projects-view .project:hover .details{width:100%}.portfolio .projects .projects-view .project:hover .pro-img{-webkit-transform:scale(1.1);transform:scale(1.1)}.portfolio .projects .projects-view .project .pro-img{border-radius:10px;height:100%;transition:-webkit-transform .4s ease;transition:transform .4s ease;transition:transform .4s ease,-webkit-transform .4s ease;width:100%}.portfolio .projects .projects-view .project .details{align-items:center;background:rgba(0,0,0,.3);border-radius:10px;box-shadow:inset 1px 1px 30px #f1faee,inset -1px -1px 30px #f1faee;display:flex;flex-direction:column;height:100%;justify-content:center;left:0;overflow:hidden;position:absolute;top:0;transition:all .2s linear;width:0;z-index:99}.portfolio .projects .projects-view .project .details h4{color:#fff;font-size:20px;margin-bottom:20px}.portfolio .projects .projects-view .project .details a{background:#264653;border-radius:5px;color:#fff;padding:10px 15px;position:relative;transition:all .3s linear}.portfolio .projects .projects-view .project .details a:after,.portfolio .projects .projects-view .project .details a:before{background:#264653;content:"";height:0;position:absolute;transition:all .3s linear;width:2%}.portfolio .projects .projects-view .project .details a:before{left:0;top:0}.portfolio .projects .projects-view .project .details a:after{bottom:0;right:0}.portfolio .projects .projects-view .project .details a:hover{background:#f1faee;box-shadow:inset 0 0 10px #e5e5e5,inset -1px -1px 10px rgba(0,0,0,.07);color:#264653;text-decoration:none}.portfolio .projects .projects-view .project .details a:hover:after,.portfolio .projects .projects-view .project .details a:hover:before{height:3px;width:100%}.about h1{color:#264653}.about .gray-bg{background:#f1faee;border-radius:10px;margin:80px 0;padding:20px;width:100%}@media screen and (min-width:520px){.about .gray-bg{padding:60px}}.about .gray-bg section{background:#fff;border-radius:10px;box-shadow:0 0 40px #e5e5e5;color:#264653;margin:40px auto;padding:20px;position:relative;transition:all .3s linear}.about .gray-bg section:hover{background:#264653;color:#fff}.about .gray-bg section h2{color:#f4a261}.about .gray-bg section.skills:hover li{color:#fff}.about .gray-bg section.skills ul{list-style:square;margin:20px 0}.about .gray-bg section.skills ul li{color:#000;display:block;margin:10px 0}.about .gray-bg section.skills ul li:last-of-type{margin-top:20px}.about .gray-bg section p{line-height:1.5;margin:10px 0;word-spacing:3px}.contact h1{color:#264653}.contact .contact-form{background:#f1faee;margin:40px auto;padding:20px;width:90%}@media screen and (min-width:520px){.contact .contact-form{padding:40px;width:80%}}@media screen and (min-width:920px){.contact .contact-form{width:60%}}.contact .contact-form h2{color:#2a9d8f;margin:20px 0;text-align:center}.contact .contact-form input,.contact .contact-form textarea{border:none;border-radius:5px;box-shadow:0 0 10px rgba(0,0,0,.07);margin:10px 0;outline:none;padding:10px 15px;width:100%}.contact .contact-form input{float:none;opacity:.8}.contact .contact-form input.half{width:47%}.contact .contact-form input.half:nth-of-type(2){float:right}.contact .contact-form textarea{min-height:150px}.contact .contact-form button{background:#2a9d8f;border-radius:5px;box-shadow:0 0 20px rgba(0,0,0,.07);color:#fff;cursor:pointer;margin-top:20px;min-width:120px;padding:10px 25px;transition:all .2s linear}.contact .contact-form button:hover{background:#264653;box-shadow:inset 0 0 20px rgba(0,0,0,.07),inset -1px -1px 20px rgba(0,0,0,.07)}footer{padding-bottom:60px}footer .my-social-media ul li{margin:0 20px;transition:all .3s linear}footer .my-social-media ul li:hover{-webkit-transform:translateY(-5px);transform:translateY(-5px)}footer .my-social-media ul li a{box-shadow:0 0 15px rgba(0,0,0,.07);color:#264653;font-size:26px}footer .my-social-media ul li a:hover{color:#2a9d8f}
/*# sourceMappingURL=main.78d8c37a.css.map*/