@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@200;400;500&display=swap);body,html{font-family:Barlow,sans-serif;max-height:100%;max-width:100%}body,html{margin:0;overflow-x:hidden;padding:0}body{background-color:#fff;box-sizing:border-box;font-family:Poppins,sans-serif;height:100%;width:100%}li,ul{list-style:none}.add-shadow{background-color:#f5f5f5;box-shadow:0 0 5px rgba(0,0,0,.2)}nav{background-color:#fff;display:flex;justify-content:space-between;left:0;padding-bottom:2rem;padding-top:2rem;position:fixed;top:0;width:100%;z-index:9999}nav span{color:inherit;font-size:20px;font-weight:500;margin-left:20px}nav ul{align-items:center;display:flex;justify-content:center;list-style:none;margin:0 20px 0 0;padding:0}nav ul li{color:#383838;font-size:20px;font-weight:400;margin-left:20px;margin-right:20px}nav ul li:hover{color:#0e9392;cursor:pointer}#menu-down{background-color:#f5f5f5;left:0;padding-top:2rem;position:absolute;top:0;width:100%;z-index:99999}#menu-head{display:flex;justify-content:space-between;width:100%}#eye-box{margin-right:12px}#menu-list{display:flex;flex-direction:row;flex-wrap:wrap;width:100%}#menu-list li{box-shadow:0 0 2px rgba(0,0,0,.2);padding:20px;text-align:center;width:100%}@media screen and (max-width:800px){nav span{font-size:25px}}#about-container{align-items:center;display:flex;flex-direction:column;height:auto;justify-content:center;width:auto}#about-container h2{color:#383838;font-size:60px;font-weight:400;margin-bottom:0;text-align:center}#about-container p{font-size:25px;margin-top:0;text-align:center}#about-content{flex-direction:row;flex-wrap:nowrap;padding-left:80px;padding-right:80px;width:100%}#about-content,#about-svg{align-items:center;display:flex;justify-content:center}#about-svg{margin:0;width:50%}#about-right-content{align-items:flex-start;display:flex;flex-direction:column;justify-content:center;width:50%}#about-right-content p{color:#5c5c5c;font-size:17px;font-weight:400;margin-bottom:40px;text-align:left;width:80%}#about-right-content button{border:none;border-radius:30px;font-family:Poppins,sans-serif;font-weight:400;width:220px}#about-right-content button:hover{background-color:#3b3b3b;color:#fff;cursor:pointer;-webkit-transform:scaleX(1.05);transform:scaleX(1.05)}@media screen and (max-width:1000px){#about-container{flex-direction:row;flex-wrap:wrap}#about-container h2{font-size:35px}#about-container p{font-size:18px}#about-content{flex-direction:row;flex-wrap:wrap;padding:0}#about-svg{width:100%}#about-right-content{align-items:center;display:flex;justify-content:center;padding:20px;width:100%}#about-right-content p{font-size:18px;overflow-x:hidden;padding-left:20px;padding-right:20px;text-align:center}#about-content button{font-size:15px;padding:12px 20px;text-align:center;width:-webkit-max-content;width:max-content}}#work{height:400px;width:500px}#sky rect{-webkit-animation:sky 4s ease-in-out infinite alternate;animation:sky 4s ease-in-out infinite alternate}#little-moon{fill:#000;stroke:#000;-webkit-animation:rise 2s ease-in-out infinite alternate;animation:rise 2s ease-in-out infinite alternate}#mouse{-webkit-animation:move 2s ease-in-out infinite alternate;animation:move 2s ease-in-out infinite alternate}#SunMoon{-webkit-animation:rotate 4s ease-in-out infinite,onlyColor 4s ease-in-out infinite alternate;animation:rotate 4s ease-in-out infinite,onlyColor 4s ease-in-out infinite alternate;transform-box:view-box;-webkit-transform-origin:53% 50%;transform-origin:53% 50%}#right-cloud{-webkit-animation:right 4s ease-in-out .5s infinite alternate;animation:right 4s ease-in-out .5s infinite alternate}#left-cloud{-webkit-animation:left 4s ease-in-out .5s infinite alternate;animation:left 4s ease-in-out .5s infinite alternate}@-webkit-keyframes sky{0%{fill:#45b7e4}50%{fill:#f5a56f}to{fill:#000}}@keyframes sky{0%{fill:#45b7e4}50%{fill:#f5a56f}to{fill:#000}}@-webkit-keyframes right{0%{-webkit-transform:translateX(0);transform:translateX(0)}to{-webkit-transform:translateX(50px);transform:translateX(50px)}}@keyframes right{0%{-webkit-transform:translateX(0);transform:translateX(0)}to{-webkit-transform:translateX(50px);transform:translateX(50px)}}@-webkit-keyframes left{0%{-webkit-transform:translateX(0);transform:translateX(0)}to{-webkit-transform:translateX(-100px);transform:translateX(-100px)}}@keyframes left{0%{-webkit-transform:translateX(0);transform:translateX(0)}to{-webkit-transform:translateX(-100px);transform:translateX(-100px)}}@-webkit-keyframes rotate{0%{-webkit-transform:rotate(0);transform:rotate(0)}to{fill:#fff;-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes rotate{0%{-webkit-transform:rotate(0);transform:rotate(0)}to{fill:#fff;-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@-webkit-keyframes onlyColor{0%{fill:#f18157}to{fill:#fff}}@keyframes onlyColor{0%{fill:#f18157}to{fill:#fff}}@-webkit-keyframes move{0%{fill:#fff;-webkit-transform:translateX(0);transform:translateX(0)}to{fill:#fff;-webkit-transform:translateX(-50px);transform:translateX(-50px)}}@keyframes move{0%{fill:#fff;-webkit-transform:translateX(0);transform:translateX(0)}to{fill:#fff;-webkit-transform:translateX(-50px);transform:translateX(-50px)}}@-webkit-keyframes rise{0%{-webkit-transform:translateY(-50px);transform:translateY(-50px)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes rise{0%{-webkit-transform:translateY(-50px);transform:translateY(-50px)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@media screen and (max-width:1000px){#work{height:300px;width:500px}}#contact-container{align-items:center;display:flex;flex-direction:column;height:auto;justify-content:center;width:auto}#contact-container h2{color:#383838;font-size:60px;font-weight:400;margin-bottom:0;text-align:center}#contact-container p{font-size:25px;font-weight:200;margin-top:0;text-align:center}#contact-content{flex-direction:column;justify-content:center;padding-left:20px;padding-right:20px}#contact-content,#links-contact{align-items:center;display:flex;width:100%}#links-contact{flex-direction:row;justify-content:space-around}#contact-content form{align-items:center;display:flex;flex-direction:column;justify-content:center;width:100%}#contact-content input,#contact-content textarea{border:none;border-radius:15px;box-shadow:0 0 5px rgba(0,0,0,.4);font-family:Poppins,sans-serif;font-size:20px;margin:20px;padding:30px;width:25%}#contact-content button{border:none;border-radius:50px;font-size:20px}#contact-content button:hover{background-color:#3b3b3b;color:#fff;cursor:pointer;-webkit-transform:scaleX(1.05);transform:scaleX(1.05)}@media screen and (max-width:1000px){#contact-container h2{font-size:35px}#contact-container p{font-size:18px}#contact-content input,#contact-content textarea{font-size:15px;width:75%}#contact-content button{font-size:15px}}#edex-container{align-items:center;display:flex;flex-direction:column;height:auto;justify-content:center;position:relative;width:100%}#edex-container h2{color:#383838;font-size:60px;font-weight:400;margin-bottom:0;text-align:center}#edex-container p{font-size:25px;font-weight:200;margin-top:0;text-align:center}#edex-content{flex-wrap:nowrap;padding-left:20px;padding-right:20px}#edex-content,#timeline-cont{align-items:center;display:flex;flex-direction:column;justify-content:center;width:100%}#timeline-cont{margin-top:30px;padding:60px;position:relative}#timeline-cont:after{background-color:#0e9392;content:"";height:100%;left:calc(50% - 2px);position:absolute;top:0;width:4px}#tl-item-cont{align-self:flex-start;display:flex;flex-direction:column;left:0;-webkit-transform-origin:left left;transform-origin:left left;width:50%}#tl-item-cont:nth-child(odd){align-self:flex-end;right:0;width:50%}#tl-item-inner{align-self:flex-end;background-color:#e0e0e0;box-shadow:0 0 5px rgba(0,0,0,.2);height:100%;justify-self:flex-end;margin-right:30px;padding:30px;position:relative;text-align:end;width:50%}#circle:after{background-color:#fff;border:3px solid #0e9392;border-radius:50%;right:-40px;z-index:999}#arrow:after,#circle:after{content:"";height:15px;position:absolute;top:50%;width:15px}#arrow:after{background-color:#7a7a7a;box-shadow:0 0 3px rgba(0,0,0,.2);right:-8px;-webkit-transform:rotate(45deg);transform:rotate(45deg);z-index:-1}#tl-item-cont:nth-child(odd) #tl-item-inner{align-self:flex-start;justify-self:flex-start;margin-left:30px;text-align:start}#tl-item-cont:nth-child(odd) #circle:after{background-color:#fff;border-radius:50%;content:"";height:15px;left:-42px;position:absolute;top:50%;width:15px;z-index:999}#tl-item-cont:nth-child(odd) #arrow:after{left:-8px}#tl-item-cont h3{font-size:40px}#tl-item-cont h3,#tl-item-cont p{margin:0}#tl-item-cont p{text-align:end}#tl-item-cont:nth-child(odd) p{text-align:start}#head-span{position:relative}#head-span:hover{cursor:pointer}#head-span:after{background-color:#000;bottom:0;content:"";height:2px;left:0;position:absolute;-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:left;transform-origin:left;transition:all .5s ease-in-out;width:100%}#head-span:hover:after{cursor:pointer}#head-span:active:after,#head-span:hover:after{-webkit-transform:scaleX(1);transform:scaleX(1)}@media screen and (max-width:1000px){#edex-container h2{font-size:35px}#edex-container p{font-size:18px}#edex-content{padding:0}#timeline-cont{padding:30px}#timeline-cont:after{left:calc(50% - 1px);width:2px}#tl-item-inner{margin-right:17px}#tl-item-cont:nth-child(odd) #tl-item-inner{margin-left:17px}#tl-item-inner h3{font-size:20px}#tl-item-inner p{font-size:12px;font-weight:500}#circle:after{height:8px;right:-22px;width:8px}#tl-item-cont:nth-child(odd) #circle:after{height:8px;left:-25px;width:8px}}#footer-container{background-color:#0e9392;box-shadow:0 0 5px rgba(0,0,0,.2);color:#fff;display:flex;flex-wrap:wrap;justify-content:center;margin-top:30px;padding-bottom:30px;padding-top:30px;width:100%}#footer-container p{font-size:17px;margin:0}@media screen and (max-width:1000px){#footer-container{padding-bottom:20px;padding-top:20px}#footer-container p{font-size:15px;text-align:center;width:75%}}#right-sec{display:flex;flex-direction:row;flex-wrap:nowrap;padding:40px;width:100%}#right-left-sec{align-items:flex-start;flex-direction:column;padding-left:55px}#right-left-sec,#right-right-sec{display:flex;justify-content:center;width:50%}#right-right-sec{align-items:center}#right-left-sec h1{color:#494949;font-size:75px;font-weight:500;margin-bottom:0}#right-left-sec h3{color:#343434;font-size:40px;font-weight:400;margin:20px 0 0}#right-left-sec p{color:#5f5f5f;font-size:30px;font-weight:200;margin-bottom:50px;margin-top:25px}button{background-color:#ccc;border:none;border-radius:30px;box-shadow:0 0 5px rgba(0,0,0,.2);color:#656565;font-family:Poppins,sans-serif;font-size:18px;height:-webkit-max-content;height:max-content;padding:15px 30px;transition:all .4s ease-in-out;width:calc(max-content+10px)}#right-left-sec button:hover{background-color:#3b3b3b;color:#fff;cursor:pointer;-webkit-transform:scaleX(1.05);transform:scaleX(1.05)}#right-right-sec img{background-color:rgba(14,147,146,.4);border-bottom-left-radius:50%;border-end-end-radius:50%;border-start-start-radius:50%;border-top-right-radius:50%;height:320px;width:320px}@-webkit-keyframes border-change{0%{border-bottom-left-radius:45%;border-end-end-radius:15%;border-start-start-radius:25%;border-top-right-radius:50%;box-shadow:0 0 50px rgba(0,0,0,.2)}50%{border-bottom-left-radius:20%;border-end-end-radius:50%;border-start-start-radius:60%;border-top-right-radius:20%;box-shadow:0 0 80px rgba(0,0,0,.3)}to{border-bottom-left-radius:45%;border-end-end-radius:15%;border-start-start-radius:25%;border-top-right-radius:50%;box-shadow:0 0 50px rgba(0,0,0,.2)}}@keyframes border-change{0%{border-bottom-left-radius:45%;border-end-end-radius:15%;border-start-start-radius:25%;border-top-right-radius:50%;box-shadow:0 0 50px rgba(0,0,0,.2)}50%{border-bottom-left-radius:20%;border-end-end-radius:50%;border-start-start-radius:60%;border-top-right-radius:20%;box-shadow:0 0 80px rgba(0,0,0,.3)}to{border-bottom-left-radius:45%;border-end-end-radius:15%;border-start-start-radius:25%;border-top-right-radius:50%;box-shadow:0 0 50px rgba(0,0,0,.2)}}@media only screen and (max-width:1000px){#right-sec{flex-direction:column-reverse;flex-wrap:wrap;padding:0}#right-left-sec{align-items:center;display:flex;justify-content:center;padding:0;width:100%}#right-left-sec h1{font-size:40px;text-align:center}#right-left-sec h3{font-size:35px}#right-left-sec p{font-size:20px;text-align:center;width:60%}#right-left-sec button{font-size:15px}#right-right-sec{align-items:center;display:flex;justify-content:center;margin-top:50px;width:100%}#right-right-sec img{height:200px;width:200px}}#sidebar{align-items:center;display:flex;justify-content:center;max-width:3rem;padding-left:2rem;padding-right:2rem}#sidebar ul{list-style:none;margin:0;padding:0}#sidebar ul li{margin-top:2rem}#github,#linkedin,#stack{position:relative;z-index:1}#github:after{align-content:center;background-color:#e7e7e7;box-shadow:0 0 5px rgba(0,0,0,.2);content:"GitHub";height:100%;left:-30px;position:absolute;-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:left;transform-origin:left;transition:all .5s ease-in-out;width:300%;z-index:1}#home-container{display:flex;flex-direction:row;flex-wrap:no-wrap;height:auto;padding-top:3rem;width:100%}#project-container{align-items:center;display:flex;flex-direction:column;height:auto;justify-content:center;margin-top:4rem;width:auto}#project-container h2{color:#383838;font-size:4rem;font-weight:400;margin-bottom:0;text-align:center}#project-container p{font-size:1.2rem;font-weight:200;margin-top:0;text-align:center}#project-content{align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;gap:2em;height:auto;padding:2rem;width:70%}#outer-proj-cont{background-color:#efefef;border-radius:2em;box-shadow:0 0 5px rgba(0,0,0,.4);margin-top:2em;max-height:25em;max-width:20em;padding:1.5em}#inner-project-container{align-items:center;display:flex;flex-direction:column;gap:1em;justify-content:center;padding:2rem;text-align:start}#inner-project-container:hover{cursor:pointer}#inner-project-container img{border-radius:50%;height:7rem;width:7rem}#inner-project-container h3{font-size:large;margin:1rem 0 0;text-align:left}#inner-project-container p{color:#404040;font-size:medium;font-weight:400;margin:0;text-align:center}@media screen and (max-width:1000px){#project-container h2{font-size:35px}#project-container p{font-size:18px}#outer-proj-cont{padding:0}}#skill-container{align-items:center;display:flex;flex-direction:column;height:auto;justify-content:center;width:auto}#skill-container h2{color:#383838;font-size:60px;font-weight:400;margin-bottom:0;text-align:center}#skill-container p{font-size:25px;font-weight:200;margin-top:0;text-align:center}#skill-content{flex-wrap:nowrap;padding-left:20px;padding-right:20px;width:auto}#frontend,#skill-content,.other{align-items:center;display:flex;flex-direction:row;justify-content:center}#frontend,.other{border:1px solid rgba(0,0,0,.2);border-radius:20px;box-shadow:0 0 500px rgba(0,0,0,.2);flex-wrap:wrap;height:20%;margin-left:20px;width:25%}#frontend #end-head{background-color:#0e9392;color:#f5f5f5}#backend{align-items:center;border:1px solid rgba(0,0,0,.2);border-radius:20px;box-shadow:0 0 500px rgba(0,0,0,.2);display:flex;flex-direction:row;flex-wrap:wrap;height:20%;justify-content:center;margin-left:40px;width:25%}#backend span{color:#0e9392}#end-head{background-color:#d7d7d7;border-top-left-radius:inherit;border-top-right-radius:inherit;display:flex;justify-content:center;padding:20px;width:100%}#end-head span{font-size:20px;font-weight:500}#skill-content li{margin:40px}#skill-content p{font-size:medium;font-weight:200;margin:0;text-align:center}#skill-content h6{font-size:larger;font-weight:400;margin:0;text-align:center}@media screen and (max-width:1000px){#skill-container h2{font-size:35px}#skill-container p{font-size:18px}#skill-content{flex-wrap:wrap}#backend,#frontend{font-size:14px;margin-left:0;margin-top:40px;width:100%}#backend p,#frontend p{font-size:14px}}#rest-container{margin-top:3rem}
/*# sourceMappingURL=main.00b6f17c.css.map*/