*{box-sizing:border-box;outline:none;padding:0}*,body{margin:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Poppins Regular;overflow-y:overlay}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}::-webkit-scrollbar{height:6px!important;width:6px!important}body ::-webkit-scrollbar-thumb{background-color:hsla(0,0%,100%,.16)}::-webkit-scrollbar-thumb{background-color:hsla(0,0,0,.2)}::-webkit-scrollbar-track{background-color:hsla(0,0%,100%,.1)}:root{--Light-blue-shadow:rgba(69,211,255,.27);--sea-green:#0abead;--sea-green-dark:#0cbfae;--sea-green-extra-dark:#09bead;--sea-green-shadow:rgba(11,190,173,.4);--header-hamburger-background:rgba(11,190,173,.8);--orange:#f57f17;--dark-orange:#ff5823;--orange-shadow:rgba(245,127,23,.2);--white:#fff;--black:#333;--disabled-btn:#09bead7a;--error-message:#e44f4fd1;--toast-error:#e44f4ffa;--toast-shadow:#9c9c9ce3;--toast-success:#0cbfae;--loader-color:#0cbfae}.app{height:100vh}.sections{position:relative;scroll-behavior:smooth;scroll-snap-type:y mandatory;scrollbar-width:none}.contact{background-color:#fff;display:flex;flex-direction:row;height:100vh}.left-contact{margin:10px;overflow:hidden;padding:20px 20px 20px 10vw}.left-contact,.right-contact{display:flex;flex:1 1;flex-direction:column;justify-content:center}.right-contact{align-items:center;padding-right:10vw}.github a,.linkedin a,.twitter a{text-align:left;text-decoration:none}.right-contact p1{font-size:2rem;padding-top:5vh}.right-contact form{align-items:center;display:flex;flex-direction:column;height:50%;justify-content:space-around;padding-top:5vh;width:70%}.right-contact input{font-size:14px;height:30px;width:300px}.right-contact textarea{font-size:14px;height:200px;width:300px}.right-contact button{background-color:crimson;border:none;border-radius:10px;color:#fff;cursor:pointer;font-weight:500;height:30px;width:150px}.right-contact span{color:green}.left-contact span{color:#000;font-size:1rem;padding-left:1vw;text-decoration:none}.cont{padding-bottom:4vh}.left-contact a:hover{color:red;font-weight:700;text-decoration:none}.contactTitle h1{font-size:3rem;padding-bottom:10vh}.contactTitle h1 span{color:#8b0808;font-size:70px;padding:0}@media screen and (max-width:1110px){.contact{display:flex;flex-direction:column-reverse;justify-content:center}.left-contact,.right-contact{align-items:center;justify-content:center;margin:0;padding:0}.right-contact input{height:20px;width:250px}.right-contact textarea{height:100px;width:250px}.contactTitle h1 span{font-size:30px}.contactTitle h1{font-size:15px;padding:0}.cont{padding:0}.cont span{font-size:10px;padding-bottom:10px}.icon{display:none}}.profile-container{align-items:center;display:flex;height:100%;justify-content:center;min-height:-webkit-fit-content;min-height:-moz-fit-content;min-height:fit-content;padding-bottom:10px;padding-top:42px;text-align:center}.profile-parent{align-items:center;color:#008075;display:flex}.profile-details-name{font-family:Poppins SemiBold}.hello{font-size:1.7em;padding:20px 10px 10px}.highlighted-text{font-size:3em}.profile-details-role{display:flex;flex-direction:column;margin:3vh}.profile-details-role h1{font-family:cursive;font-size:1.5em}.primary-text h1{font-family:cursive;font-size:1.3rem}.highlighted-text{color:var(--dark-orange)}.profile-options .btn{font-size:12px}.profile-options .btn:hover{background-color:#fff8dc;color:#111}.profile-picture{align-items:center;border-radius:50%;box-shadow:0 1px 0 0 var(--white);display:flex;height:380px;justify-content:center;margin:0 0 0 100px;width:380px}.profile-picture-background{background-image:url(/static/media/sid.e5538887fc3275eb9fe9.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:50%;height:92%;width:92%}.profile-picture-background:hover{-webkit-transform:scale(1.07);transform:scale(1.07);transition:1.5s ease-out}.colz .colz-icon i{color:blue;padding-left:0;padding-right:10px}.colz .colz-icon i:hover{-webkit-transform:scale(1.5);transform:scale(1.5)}.btn{background-color:#ff5823;border-radius:50px;color:var(--white);cursor:pointer;font-family:Poppins SemiBold;font-size:12px;padding:14px 0;transition:.2s;width:160px}.btn:active{-webkit-transform:translateY(2px);transform:translateY(2px)}@media screen and (max-width:1110px){.profile-picture{height:450px;margin:0!important;width:450px}.profile-parent{flex-direction:column-reverse}.profile-options .btn{justify-items:center}.profile-details{margin-top:50px}.profile-options .btn{font-size:20px;margin:0!important;padding:10px}.profile-options,.profilr-details-role{padding-top:10px;text-align:center}.hello{font-size:40px}.colz-icon i{height:20px;width:20px}.profile-container{padding-top:45px}.highlighted-text{font-size:60px}.profile-details-role{font-size:25px;margin:30px}}@media screen and (max-width:840px){.btn{display:none}}@media screen and (max-width:767px){.profile-picture{height:300px;margin:0!important;width:300px}.profile-parent{flex-direction:column-reverse}.btn,.profile-options{justify-items:center}.profile-details{margin:25px 0 0}.profile-container{padding-top:15px}}@media screen and (max-width:480px){.profile-picture{height:230px;margin:0!important;width:230px}.profile-details{width:90%}.highlighted-text{font-size:40px}.profile-details-role{font-size:15px;margin:30px}.hello{font-size:20px}}.footer-container{display:flex;height:17.8%;justify-content:center;overflow:hidden;width:100%}.footer-parent{height:100%;max-width:1920px;width:100%}.footer-parent img{height:15vh;max-width:100%;width:100vw}@media only screen and (max-width:767px){.footer-parent img{display:none}.footer-parent{align-items:flex;display:flex}.footer-parent img{height:20vh;max-width:100%;width:100vw}}.home-container{background-color:#110910;display:flex;flex-direction:column;height:100vh;justify-content:space-between;padding-top:80px;scroll-snap-align:start;width:100vw}@media screen and (max-width:810px){.home-container{padding-top:50px}}@media screen and (max-width:375px){.home-container{padding-top:50px}}.topbar{background-color:#110910;color:#fff;height:8vh;position:fixed;top:0;width:100%;z-index:3}.wrapper{height:8vh;justify-content:space-between;padding:10px 30px}.left,.wrapper{align-items:center;display:flex}.logo{color:inherit;font-size:25px;font-weight:700;margin-right:40px}.logo,.logo:hover{text-decoration:none}.logo:hover{color:red}.itemContainer{align-items:center;display:flex;font-size:13px;margin-left:30px}.icon{margin-right:5px}.line{background-color:#fff;color:#000;font-size:15px;font-weight:500;height:3px;-webkit-transform-origin:left;transform-origin:left;transition:all 2s ease;width:100%}.hamburger{cursor:pointer;display:flex;flex-direction:column;height:25px;justify-content:space-between;width:32px}.active{background-color:#008b8b;color:#000;transition:all .8s ease}@media screen and (max-width:375px){.itemContainer,.logo{display:none}.hamburger{height:15px;width:20px}}@media screen and (max-width:1110px){.itemContainer,.logo{display:none}.hamburger{height:25px;width:25px}}.about{align-items:center;background-color:#47b47a;display:flex;flex-direction:row;height:100vh;justify-content:center;min-height:-webkit-fit-content;min-height:-moz-fit-content;min-height:fit-content}.content-left{align-items:center;width:40%}.content-right{padding-right:4vh;width:60%}.content-right h1{font-size:3rem;font-weight:800;padding:4vh;text-align:left}.content-right p{font-size:1rem;line-height:5.5vh;padding:4vh;text-align:left}.image img{height:25em;margin:10em}@media screen and (max-width:500px){.about{flex-direction:column-reverse}.content-left{height:50%;padding-left:50px;width:100%}.content-right{height:50%;padding-top:20px;width:100%}.content-right h1{font-size:2.5rem;padding-bottom:0;text-align:center}.content-right h1,.content-right p{padding-left:10vw;padding-right:10vw}.content-right p{font-size:.8rem;line-height:5vh;text-align:justify}.image img{height:15rem;margin:4rem}}.menu{align-items:center;display:flex;flex-direction:column;height:100vh;justify-content:center;position:fixed;right:-300px;top:0;transition:all .8s ease;width:300px;z-index:2}.active{right:0}.menuList{color:#000;font-size:30px;font-weight:300;list-style:none;margin:0;padding:0;width:60%}.listItems{margin-bottom:25px}.listLink{color:inherit;font-size:inherit;text-decoration:none}.listLink:hover{font-weight:500;text-decoration:none}.skill{align-items:center;background-color:#fff;background-color:aqua;display:flex;flex-direction:column;height:100vh;padding-top:5vh}@media(max-width:768px){.skill{justify-content:space-around;padding-bottom:1vh;padding-top:1vh}}.skill h1{font-size:50px;font-weight:800;padding-top:70px}@media(max-width:768px){.skill h1{font-size:30px}}.skill .container{align-items:center;display:flex;height:80%;justify-content:center;width:100%}@media(max-width:768px){.skill .container{flex-direction:column}}.skill .container .card{border-radius:10px;box-shadow:0 0 15px -8px #000;display:flex;flex-direction:column;height:70%;justify-content:space-around;padding:20px;transition:all 1s ease;width:250px}@media(max-width:768px){.skill .container .card{height:150px;margin:5px 0}}.skill .container .card.featured{height:75%;margin:0 30px;width:300px}@media(max-width:768px){.skill .container .card.featured{height:180px;margin:1px;width:250px}}.skill .container .card:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}.skill .container .card .top{align-items:center;display:flex;justify-content:center}.skill .container .card .top img.left,.skill .container .card .top img.right{height:25px}.skill .container .card .top img.user{border-radius:50%;height:60px;margin:0 30px;object-fit:cover;width:60px}@media(max-width:768px){.skill .container .card .top img.user{height:30px;width:30px}}.skill .container .card .center{background-color:#faf4f5;border-radius:10px;padding:10px}@media(max-width:768px){.skill .container .card .center{font-size:12px;padding:5px}}.skill .container .card .bottom{align-items:center;display:flex;flex-direction:column;justify-content:center}.skill .container .card .bottom h3{margin-bottom:5px}@media(max-width:768px){.skill .container .card .bottom h3{font-size:14px}}.skill .container .card .bottom h4{color:#797373}@media(max-width:768px){.skill .container .card .bottom h4{font-size:13px}}
/*# sourceMappingURL=main.d0f8fdb8.css.map*/