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}h1,h2,h3,h4,h5,p{margin:0}*,:after,:before{box-sizing:border-box}:root{--page-padding:1.2rem 10rem;--gap:1rem;--padding:1.2rem;--border-radius:5px;--light-shades:#fff;--main-brand:#1693ac;--dark-accent:#333;--dark-shades:#232824}html{scroll-behavior:smooth}.btn{background-color:#232824;background-color:var(--dark-shades);border:none;border-radius:5px;border-radius:var(--border-radius);color:#1693ac;color:var(--main-brand);cursor:pointer;padding:.45rem 1.2rem;transition:all .2s ease-in-out;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.btn:hover{background-color:#1693ac;background-color:var(--main-brand);color:#fff;color:var(--light-shades)}.align-right{margin-left:auto}.background-animation{-webkit-animation:gradient 4s ease infinite;animation:gradient 4s ease infinite;background:linear-gradient(-45deg,#fff,#232824,#333);background:linear-gradient(-45deg,var(--light-shades),var(--dark-shades),var(--dark-accent));background-size:400% 400%}@-webkit-keyframes gradient{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@keyframes gradient{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@media screen and (max-width:768px){:root{--page-padding:1rem 2rem}.navbar-container{gap:1rem;gap:var(--gap)}.aboutme-container,.contact-container,.navbar-container,.navbar-links-container{flex-direction:column}}.navbar-container{background-color:var(--main-brand);color:var(--light-shades);display:flex;font-size:1.2rem;font-weight:600;justify-content:space-between;letter-spacing:1px;padding:var(--page-padding)}.navbar-links-container{-webkit-animation:rotateMenu .5s ease-in-out;animation:rotateMenu .5s ease-in-out;display:flex;gap:1rem}.navbar-links-container a{color:var(--light-shades);text-decoration:none;transition:all .3s ease-in-out}.navbar-links-container a:hover{color:var(--dark-shades);-webkit-transform:translateY(-5px);transform:translateY(-5px)}.navbar-container img{cursor:pointer;height:1.5rem;width:1.5rem}.navbar-name{display:flex;justify-content:space-between}@-webkit-keyframes rotateMenu{0%{-webkit-transform:rotateX(-90deg);transform:rotateX(-90deg)}70%{-webkit-transform:rotateX(20deg);transform:rotateX(20deg)}to{-webkit-transform:rotateX(0deg);transform:rotateX(0deg)}}@keyframes rotateMenu{0%{-webkit-transform:rotateX(-90deg);transform:rotateX(-90deg)}70%{-webkit-transform:rotateX(20deg);transform:rotateX(20deg)}to{-webkit-transform:rotateX(0deg);transform:rotateX(0deg)}}.animated-section{background-color:var(--dark-shades);display:flex;flex-direction:column;height:100vh;overflow:hidden;position:relative;width:100%}.animated-section .animated-row div{-webkit-animation:animate 80s linear infinite;animation:animate 80s linear infinite;-webkit-animation-delay:-80s;animation-delay:-80s}.animated-section .animated-row div:nth-child(2){-webkit-animation:animate2 80s linear infinite;animation:animate2 80s linear infinite;-webkit-animation-delay:-40s;animation-delay:-40s}.animated-section .animated-row{display:flex;left:-5%;padding:10px 0;position:relative;top:-60%;-webkit-transform:rotate(-30deg);transform:rotate(-30deg);white-space:nowrap;width:100%}.animated-section svg{fill:rgba(0,0,0,.1);height:150px;margin:0 5px;transition:.5s;width:150px}.animated-section svg:hover{fill:var(--main-brand);-webkit-filter:drop-shadow(0 0 15px var(--main-brand));filter:drop-shadow(0 0 15px var(--main-brand))}@-webkit-keyframes animate{0%{-webkit-transform:translateX(100%);transform:translateX(100%)}to{-webkit-transform:translateX(-100%);transform:translateX(-100%)}}@keyframes animate{0%{-webkit-transform:translateX(100%);transform:translateX(100%)}to{-webkit-transform:translateX(-100%);transform:translateX(-100%)}}@-webkit-keyframes animate2{0%{-webkit-transform:translateX(0);transform:translateX(0)}to{-webkit-transform:translateX(-200%);transform:translateX(-200%)}}@keyframes animate2{0%{-webkit-transform:translateX(0);transform:translateX(0)}to{-webkit-transform:translateX(-200%);transform:translateX(-200%)}}.animated-section .animated-row:nth-child(2n) div{-webkit-animation:animate3 80s linear infinite;animation:animate3 80s linear infinite;-webkit-animation-delay:-80s;animation-delay:-80s}.animated-section .animated-row:nth-child(2n) div:nth-child(2){-webkit-animation:animate4 80s linear infinite;animation:animate4 80s linear infinite;-webkit-animation-delay:-40s;animation-delay:-40s}@-webkit-keyframes animate3{0%{-webkit-transform:translateX(-100%);transform:translateX(-100%)}to{-webkit-transform:translateX(100%);transform:translateX(100%)}}@keyframes animate3{0%{-webkit-transform:translateX(-100%);transform:translateX(-100%)}to{-webkit-transform:translateX(100%);transform:translateX(100%)}}@-webkit-keyframes animate4{0%{-webkit-transform:translateX(-200%);transform:translateX(-200%)}to{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes animate4{0%{-webkit-transform:translateX(-200%);transform:translateX(-200%)}to{-webkit-transform:translateX(0);transform:translateX(0)}}#typing-text{background-color:initial;border:none;color:var(--light-shades);font-size:1.5rem;font-weight:700;outline:none;overflow:auto;resize:none;text-align:center}.modal-container{align-items:center;background:rgba(0,0,0,.5);color:var(--light-shades);display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:100}.modal-content{grid-gap:var(--gap);background-color:var(--dark-accent);border:none;border-radius:var(--border-radius);box-shadow:1px 1px 15px #000;display:grid;gap:var(--gap);grid-template-columns:repeat(2,1fr);max-width:40%;padding:var(--padding)}.span2{grid-column:span 2}.modal-container img{height:auto;max-height:550px;object-fit:fill;width:100%}@media screen and (max-width:1200px){.modal-content{max-width:80%}}.chat-container{z-index:100}.chat-container,.icon{bottom:0;position:fixed;right:0}.icon{margin:10px 20px}.icon svg{cursor:pointer;height:auto;width:100px}.chat_box{background-color:#fff;border:3px solid var(--main-brand);border-radius:10px;height:400px;margin:50px;position:relative;width:300px}.chat_box h1{border-bottom:3px solid var(--main-brand);font-size:30px;padding-bottom:5px;text-align:center;width:100%}.input_container{bottom:0;position:absolute;width:100%}.input_message{border:none;border-bottom-left-radius:10px;border-top:3px solid var(--main-brand);font-size:inherit;height:40px;padding-left:10px;width:70%}.input_message:focus{outline:none}.input_container button{border:none;border-bottom-right-radius:10px;border-top:3px solid var(--main-brand);height:40px;width:30%}.signIn_container{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.signInButton{background-color:#fff;background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBkPSJtMTcuNiA5LjItLjEtMS44SDl2My40aDQuOEMxMy42IDEyIDEzIDEzIDEyIDEzLjZ2Mi4yaDNhOC44IDguOCAwIDAgMCAyLjYtNi42eiIgZmlsbD0iIzQyODVGNCIgZmlsbC1ydWxlPSJub256ZXJvIi8+PHBhdGggZD0iTTkgMThjMi40IDAgNC41LS44IDYtMi4ybC0zLTIuMmE1LjQgNS40IDAgMCAxLTgtMi45SDFWMTNhOSA5IDAgMCAwIDggNXoiIGZpbGw9IiMzNEE4NTMiIGZpbGwtcnVsZT0ibm9uemVybyIvPjxwYXRoIGQ9Ik00IDEwLjdhNS40IDUuNCAwIDAgMSAwLTMuNFY1SDFhOSA5IDAgMCAwIDAgOGwzLTIuM3oiIGZpbGw9IiNGQkJDMDUiIGZpbGwtcnVsZT0ibm9uemVybyIvPjxwYXRoIGQ9Ik05IDMuNmMxLjMgMCAyLjUuNCAzLjQgMS4zTDE1IDIuM0E5IDkgMCAwIDAgMSA1bDMgMi40YTUuNCA1LjQgMCAwIDEgNS0zLjd6IiBmaWxsPSIjRUE0MzM1IiBmaWxsLXJ1bGU9Im5vbnplcm8iLz48cGF0aCBkPSJNMCAwaDE4djE4SDB6Ii8+PC9nPjwvc3ZnPg==);background-position:12px 11px;background-repeat:no-repeat;border:none;border-radius:3px;box-shadow:0 -1px 0 rgba(0,0,0,.04),0 1px 1px rgba(0,0,0,.25);color:#757575;cursor:pointer;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:14px;font-weight:500;margin-bottom:70px;padding:12px 16px 12px 42px;transition:background-color .3s,box-shadow .3s}.signInButton:hover{box-shadow:0 -1px 0 rgba(0,0,0,.04),0 2px 4px rgba(0,0,0,.25)}.signInButton:active{background-color:#eee;box-shadow:0 -1px 0 rgba(0,0,0,.04),0 2px 4px rgba(0,0,0,.25),0 0 0 3px #c8dafc;outline:none}.signInButton:disabled{background-color:#ebebeb;box-shadow:0 -1px 0 rgba(0,0,0,.04),0 1px 1px rgba(0,0,0,.25);cursor:not-allowed;-webkit-filter:grayscale(100%);filter:grayscale(100%)}.header{border-bottom:3px solid var(--main-brand);height:30px}.signOut{background-color:initial;border:none;cursor:pointer}.signOut img{height:25px;width:25px}.close_chat{background-color:initial;border:none;cursor:pointer;height:30px;margin-right:5px;position:absolute;right:0;width:30px}.close_chat img{height:25px;width:25px}.sendform{align-items:center;background-color:#fff;border-bottom-right-radius:15px;border-top:1px solid #eee;bottom:1px;display:flex;font-size:1.5rem;height:45px;padding:10px 15px;position:absolute;width:100%}.sendform button{background-color:var(--main-brand);border:none;border-radius:20px;color:#fff;cursor:pointer;padding:8px 15px;text-align:center;width:23%}.sendform input{border:none;border-radius:20px;flex:1 1;outline:none;padding:8px 10px;width:77%}.message{align-items:center;border-radius:15px;display:flex;position:relative}.sent{flex-direction:row-reverse}.sent p{background-color:#147efb;border-radius:30px;color:#fff;padding:2px 10px 4px}.recieved p{background-color:#e7e7e7;border-radius:30px;color:#000;padding:2px 10px 5px}.accountImg{border-radius:50%;height:30px;margin:2px;width:30px}.admin{height:400px!important;min-width:350px;width:600px!important}.user_display{border-right:3px solid var(--main-brand);display:flex;flex-direction:column;height:365px;overflow-y:auto;width:30%}.user_display::-webkit-scrollbar{width:5px}.user_display::-webkit-scrollbar-track{background:#fff}.user_display::-webkit-scrollbar-thumb{background:#000;height:30px}.user_display button{background-color:initial;border:1px solid #eee;cursor:pointer;padding:10px 20px}.message_display{position:relative;width:75%}.main_message_container{display:flex}.text_message_container{height:100%;max-height:320px;overflow-y:auto;width:100%}.text_message_container:last-child{padding-bottom:10px}.text_message_container::-webkit-scrollbar{background-color:#fff;width:16px}.text_message_container::-webkit-scrollbar-track{background-color:#fff}.text_message_container::-webkit-scrollbar-thumb{background-color:#babac0;border:4px solid #fff;border-radius:16px}.text_message_container::-webkit-scrollbar-button{display:none}.landing-type{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:rgba(0,0,0,.2);border-radius:var(--border-radius);color:var(--light-shades);flex-direction:column;font-size:3rem;left:50%;padding:var(--padding);position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:1}.aboutme-container,.landing-type{align-items:center;display:flex;justify-content:center}.aboutme-container{gap:var(--gap);padding:var(--page-padding)}.aboutme-container img{border-radius:50%;box-shadow:2px 2px 2px 1px rgba(0,0,0,.2);height:auto;max-height:300px;max-width:50%}.divclass h1{margin-bottom:25px;text-align:center}.technologies-container{align-items:center;background-color:var(--dark-shades);color:var(--light-shades);display:flex;flex-direction:column;gap:var(--gap);justify-content:center;padding:var(--page-padding)}.tech-grid-container{grid-gap:var(--gap);display:grid;flex:1 1;gap:var(--gap);grid-template-columns:repeat(auto-fit,minmax(300px,1fr));width:100%}.tech-grid-container img{height:150px;object-fit:cover;width:150px}.tech-frames{border:1px solid var(--main-brand);border-radius:var(--border-radius);padding:var(--padding)}.portfolio-container,.tech-frames{align-items:center;display:flex;flex-direction:column}.portfolio-container{gap:var(--gap);padding:var(--page-padding)}.portfolio-projects-frame img{border-radius:var(--border-radius);cursor:pointer;height:200px;object-fit:fill;width:200px}#JeweleryWebsite{width:250px}#OmInternship{width:280px}.portfolio-projects-frame img:hover{-webkit-filter:brightness(.8);filter:brightness(.8)}.portfolio-grid{grid-gap:var(--gap);display:grid;gap:var(--gap);grid-template-columns:repeat(auto-fit,minmax(300px,1fr));justify-items:center;width:100%}.title{font-size:20px;margin-bottom:5px}.project-container,.title{align-items:center;display:flex;justify-content:center}.project-container{flex-direction:column;gap:var(--gap)}.project-grid{flex-wrap:wrap;gap:40px;margin-bottom:30px;width:100%}.project-grid,.project-item{align-items:center;display:flex;justify-content:center}.project-item{background-color:var(--dark-shades);border:3px solid var(--dark-shades);border-radius:var(--border-radius);box-shadow:10px 10px 8px rgba(0,0,0,.1);box-sizing:border-box;flex:1 1;flex-direction:column;height:250px;max-width:500px;min-width:500px;padding:20px;width:500px}.project-item:hover{border:3px solid var(--main-brand)}.project-item h2{color:#fff}.project-item p{color:#fff;text-align:center}@media (max-width:550px){.project-grid{gap:20px;width:90%}.project-item{height:auto;max-width:none;min-width:350px}}.contact-container{background-color:var(--main-brand);color:var(--light-shades);display:flex;font-size:1.2rem;justify-content:space-evenly;letter-spacing:1px;padding:var(--padding)}.timeline_section{background:var(--dark-shades);min-height:100vh;overflow:hidden;padding:120px 20px;position:relative;width:100%}.timeline_section:before{background:radial-gradient(circle at 20% 20%,rgba(22,147,172,.1) 0,transparent 50%),radial-gradient(circle at 80% 80%,rgba(51,51,51,.1) 0,transparent 50%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.timeline_section h2.section-title{color:var(--light-shades);font-size:3rem;font-weight:700;margin-bottom:4rem;position:relative;text-align:center;z-index:2}.timeline_section h2.section-title:after{background:var(--main-brand);border-radius:2px;bottom:-10px;content:"";height:4px;left:50%;position:absolute;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:100px}.timeline{margin:0 auto;max-width:1500px;padding:0 20px;position:relative}.timeline:before{background:var(--main-brand);border-radius:2px;box-shadow:0 0 20px rgba(22,147,172,.3);content:"";left:50%;margin-left:-2px;position:absolute;top:0;width:4px}.timeline.active:before{-webkit-animation:growLine 2s ease-out forwards;animation:growLine 2s ease-out forwards}@-webkit-keyframes growLine{0%{height:0}to{height:100%}}@keyframes growLine{0%{height:0}to{height:100%}}.timeline_container{opacity:0;padding:15px 40px;position:relative;-webkit-transform:translateY(30px);transform:translateY(30px);width:50%}.timeline_container.active{-webkit-animation:slideInUp .8s ease-out forwards;animation:slideInUp .8s ease-out forwards}@-webkit-keyframes slideInUp{to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes slideInUp{to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.timeline_container:first-child{-webkit-animation-delay:.2s;animation-delay:.2s}.timeline_container:nth-child(2){-webkit-animation-delay:.4s;animation-delay:.4s}.timeline_container:nth-child(3){-webkit-animation-delay:.6s;animation-delay:.6s}.timeline_container:nth-child(4){-webkit-animation-delay:.8s;animation-delay:.8s}.timeline_container:nth-child(5){-webkit-animation-delay:1s;animation-delay:1s}.timeline_container:nth-child(6){-webkit-animation-delay:1.2s;animation-delay:1.2s}.left-container{left:0;padding-right:50px}.right-container{left:50%;padding-left:50px;z-index:10}.timeline_text{background:var(--light-shades);border:3px solid var(--light-shades);border-radius:var(--border-radius);box-shadow:0 20px 40px rgba(0,0,0,.1),0 1px 3px rgba(0,0,0,.05);font-size:16px;padding:30px;position:relative;transition:all .3s ease}.timeline_text:hover{border:3px solid var(--main-brand);box-shadow:0 30px 60px rgba(0,0,0,.15),0 1px 3px rgba(0,0,0,.1);-webkit-transform:translateY(-5px);transform:translateY(-5px)}.timeline_text h2{color:var(--main-brand);font-size:1.5rem;font-weight:700;margin-bottom:8px}.timeline_text h3{color:var(--dark-accent);font-size:1.1rem;font-weight:500;margin-bottom:12px}.timeline_text .date{background:var(--main-brand);border-radius:20px;color:var(--light-shades);display:inline-block;font-size:.85rem;font-weight:600;letter-spacing:.5px;margin-bottom:16px;padding:6px 12px}.timeline_text p{color:var(--dark-shades);line-height:1.6;margin-bottom:12px}.timeline_text .skills{border-top:1px solid var(--dark-accent);margin-top:16px;padding:16px 0 0}.timeline_text .skills strong{color:var(--dark-accent);font-weight:600}.timeline_container:before{background:var(--main-brand);border:4px solid var(--light-shades);border-radius:50%;box-shadow:0 4px 12px rgba(22,147,172,.3);content:"";height:20px;position:absolute;top:40px;width:20px;z-index:10}.left-container:before{right:-10px}.right-container:before{left:-10px}.timeline_arrow{height:0;left:-15px;position:absolute;top:18px;width:0;z-index:0}.timeline_arrow.left-container{border-left:15px solid var(--light-shades);-webkit-filter:drop-shadow(2px 0 4px rgba(0,0,0,.1));filter:drop-shadow(2px 0 4px rgba(0,0,0,.1));right:35px}.timeline_arrow.left-container,.timeline_arrow.right-container{border-bottom:15px solid transparent;border-top:15px solid transparent}.timeline_arrow.right-container{border-right:15px solid var(--light-shades);-webkit-filter:drop-shadow(-2px 0 4px rgba(0,0,0,.1));filter:drop-shadow(-2px 0 4px rgba(0,0,0,.1));padding-left:0!important;right:0}@media screen and (max-width:768px){.timeline_section{padding:80px 15px}.timeline_section h2.section-title{font-size:2.5rem;margin-bottom:3rem}.timeline:before{left:30px;margin-left:0}.timeline_container{padding-left:70px;padding-right:20px;width:100%}.left-container,.right-container{left:0;padding-left:70px;padding-right:20px}.timeline_container:before{left:2px}.timeline_text{font-size:15px;padding:25px}.timeline_text h2{font-size:1.3rem}.timeline_text h3{font-size:1rem}.timeline_arrow.left-container,.timeline_arrow.right-container{border-bottom:15px solid transparent;border-left:0;border-right:15px solid var(--light-shades);border-top:15px solid transparent;left:-15px}}@media screen and (max-width:480px){.timeline_section{padding:60px 10px}.timeline_section h2.section-title{font-size:2rem}.left-container,.right-container,.timeline_container{padding-left:60px;padding-right:15px}.timeline_text{padding:20px}}
/*# sourceMappingURL=main.90560839.css.map*/