@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600&display=swap);header{background:#282828;height:10vh;line-height:10vh}header .container{padding-top:15px;position:-webkit-sticky;position:sticky}header ul li a{color:#00b4d8;font-size:20px;font-weight:500;letter-spacing:1px;padding:1rem;transition:.5s}header ul li a:hover{background:#00b4d8;border-radius:1rem;color:#282828}.logo{height:3rem;width:4rem}.home-btn{background:linear-gradient(145deg,#e2e8ec,#fff);border-radius:6px;box-shadow:4px 4px 8px #cbcbcb,-4px -4px 8px #fff;color:#00b4d8;cursor:pointer;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;padding:18px 25px;transition:all .3s ease}.home-btn:hover{background:#00b4d8;color:#fff}.open{display:none}.header.active{background:#282828;height:14vh;position:fixed;top:0;transition:.5s;width:100%;z-index:1000}.skills .box{gap:1rem;justify-content:center;padding:10px}.skills h1{text-align:center}.skills .box p{transition:.5s;word-spacing:2px}.skills .box i{font-size:30px;margin-top:20px;opacity:0;transition:.5s}.skills .box:hover p{color:#fff}.skills .box:hover i{color:#fff;opacity:1}.skillsIcon{height:2rem;width:2rem}.home{position:relative}.home h3{font-weight:100;letter-spacing:2px}.home h1{font-size:60px;font-weight:700}.home h1 span,.home h2{color:#00b4d8}.home h2{font-size:50px;font-weight:700}.home h2 span{color:#ccc5b9}.home p{color:#878e99;font-size:18px;line-height:30px;margin-top:30px}.home button{font-size:medium;font-weight:700}.home_btn{margin-top:20%}.home_btn h4{color:#43474b;font-size:15px;font-weight:500;letter-spacing:2px;margin:30px 0}.home_btn button{margin-right:30px}.home_btn i{font-size:20px}.home_btn button img{height:20px;width:20px}.home .left{margin-right:10%}.home .right{position:relative;width:40%;z-index:-1}.home .right_img{border-radius:10px;height:580px;margin-top:20%;width:510px}.home .right_img img{position:absolute;right:10%;top:0;width:510px}@media (max-width:768px){.home .left,.home .right{margin-left:20px;width:100%}.home .f_flex{flex-direction:column;flex-direction:column-reverse}.home .right_img{height:54vh;width:100%}}.Portfolio,.Portfolio .box{position:relative}.Portfolio .box{border-radius:10px;overflow:hidden}.Portfolio .box:hover{background:none;transform:translateY(0)}.Portfolio .img{height:85%;overflow:hidden;transition:.5s;width:100%}.Portfolio img{border-radius:10px;height:90%;transition:.5s;width:100%}.Portfolio .category{margin:20px 0 30px;text-transform:uppercase}.Portfolio .category span{color:#00b4d8;font-size:13px;font-weight:500;letter-spacing:2px}.Portfolio .arrow{bottom:11%;color:#00b4d8;opacity:0;position:absolute;right:30px;transform:rotate(-45deg);transition:.5s}.Portfolio .title{display:flex;justify-content:center}.Portfolio h2{font-size:18px;padding-bottom:30px;transition:.5s}.Portfolio .box:hover h2{color:#000}.Portfolio .box:hover{background:grey}body.active-modal{overflow-y:hidden}.btn-modal{display:block;font-size:18px;margin:100px auto 0;padding:10px 20px}.modal,.overlay{bottom:0;height:100vh;left:0;position:fixed;right:0;top:0;width:100vw;z-index:9999}.overlay{background-color:#ecf0f3}.modal-content{background:#f0f3f5;border-radius:3px;border-radius:10px;box-shadow:4px 4px 8px #cbcbcb,-4px -4px 8px #fff;left:8%;line-height:1.4;max-width:85%;min-width:60%;padding:50px;position:absolute;top:12%;z-index:9999}.modal-text{padding:0 100px 0 50px}.modal-text h1{font-size:30px;margin:20px 0}.modal-text p{font-size:17px;line-height:25px;margin-bottom:20px}.modal-text button{color:#00b4d8;margin-right:20px}.modal-text button i{margin-left:10px}.modal-text button.close-modal{border-radius:50%;font-size:20px;height:50px;padding:0;position:absolute;right:10px;text-align:center;top:10px;width:50px}.modal-text button.close-modal i{margin:0}.Contact .left{width:36%}.Contact .right{width:60%}.Contact .box{padding:30px}.Contact .details h1{font-size:35px;margin:20px 0}.Contact .details p{font-size:17px}.Contact .details span{color:#878e99}.Contact .button{margin-top:20px}.Contact button{margin-right:20px}.Contact .right{padding:35px}.Contact .input span{color:#00b4d8;font-size:20px;font-weight:700}.Contact input{margin-top:10px}.Contact .right button{color:#282828;font-weight:700;width:100%}.Contact .right button:hover{color:#fff}.Contact .right button i{margin-left:10px}.inputEdit{font-size:medium}.inputEdit,.textAreaEdit{border-radius:1rem;color:#282828;font-family:Poppins,sans-serif;padding:1rem}.textAreaEdit{font-size:large}.img{border-radius:1rem;height:11rem;margin-top:1rem;width:18rem}.iconImgGithub,.iconImgLinkedIn{border:1px solid gray;border-radius:.25rem;cursor:pointer;height:3rem;width:3rem}.iconImgGithub{margin-left:.5rem}@media (max-width:768px){.Contact .d_flex{flex-direction:column}.Contact .left,.Contact .right{margin-top:50px;text-align:center;width:100%}.Contact .box{text-align:center}.Contact .button,.center_align{justify-content:center}}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background-color:#282828;font-family:Poppins,sans-serif}.container{margin:auto;max-width:95%}.d_flex{justify-content:space-between}.d_flex,.f_flex{display:flex}a{color:#000;text-decoration:none}li{list-style:none}.uppercase{text-transform:uppercase}.capitalize{text-transform:capitalize}button{background-color:none;border:none;outline:none}.btn_shadow{background:#00b4d8;border-radius:6px;color:#000;cursor:pointer;font-weight:700;padding:18px 25px;transition:all .3s ease;transition:.5s}.btn_shadow:hover{background:#00b4d8;color:#fff;transform:translateY(-10px)}.box_shodow{background:linear-gradient(145deg,#e2e8ec,#fff);border-radius:10px;box-shadow:4px 4px 8px #cbcbcb,-4px -4px 8px #fff}.left,.right,.row{width:50%}.top{margin-top:80px}.mtop{margin-top:40px}.heading{margin:50px 0}.heading h4{color:#00b4d8;font-weight:400;letter-spacing:2px}.heading h1{font-size:60px}.heading h1,h1{color:#ccc5b9}.grid{grid-gap:35px;display:grid;grid-template-columns:repeat(5,1fr)}.grid-portfolio{grid-gap:35px;display:grid;grid-template-columns:repeat(2,1fr)}p{color:#ccc5b9}.text-center{text-align:center}.primary_color{color:#878e99}input,textarea{border:3px solid #e2e8ec;border-radius:5px;margin-bottom:20px;outline:none;padding:20px;width:100%}footer{margin:5% 0}footer p{margin-top:30px}@media (max-width:768px){.grid{grid-template-columns:repeat(2,1fr)}.left,.right{width:100%}}
/*# sourceMappingURL=main.374991d7.css.map*/