@import url(https://fonts.googleapis.com/css2?family=Playball&display=swap);@import url(https://fonts.googleapis.com/css2?family=Shantell+Sans:ital@1&display=swap);@import url(https://fonts.googleapis.com/css2?family=PT+Serif:ital@1&family=Reenie+Beanie&display=swap);@import url(https://fonts.googleapis.com/css2?family=Merienda:wght@600&display=swap);@import url(https://fonts.googleapis.com/css2?family=Lobster+Two:ital@1&display=swap);@import url(https://fonts.googleapis.com/css2?family=PT+Serif:ital@1&display=swap);@import url(https://fonts.googleapis.com/css2?family=Nunito&display=swap);@import url(https://fonts.googleapis.com/css2?family=Signika&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;font-family:Poppins,sans-serif;margin:0;padding:0}:root{--dark:#1f2235;--blue:#0dcedf;scroll-behavior:smooth}.hamburger{align-content:flex-end;align-items:flex-end;align-self:flex-end;cursor:pointer;display:flex;flex-direction:column;justify-self:flex-end;padding:5px}.hamburger div{background-color:#0dcedf;background-color:var(--blue);border-radius:5px;display:none;height:5px;-webkit-transform-origin:left;transform-origin:left;transition:all 1s ease;width:30px}.hamburger div:first-child{margin-bottom:6px}.hamburger div:nth-child(2){margin-bottom:6px;transition:all .1s ease}.active .navbar{background-color:#1f2235;background-color:var(--dark);color:#0dcedf;color:var(--blue)}.active .logo{color:var(--second)}.active .hamburger div:first-child{-webkit-transform:rotate(45deg);transform:rotate(45deg)}.active .hamburger div:nth-child(2){background-color:initial}.active .hamburger div:last-child{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}@media only screen and (max-width:888px){.logo{width:10%}}@media only screen and (max-width:830px){.navbar{display:flex;justify-content:space-between}.navbar .nav{display:none}.hamburger div{display:block}}@media only screen and (max-width:680px){.contactme{flex-direction:column}.c-left{width:70%}.email .whatsapp{width:50%}.c-right{width:70%}.home{align-items:center;flex-direction:column-reverse}.home-left,.home-right{width:100%}.about-section{flex-direction:column}.about-text,.img-section{width:100%}.main-resume .left{width:25%}.main-resume i{display:none}.main-resume .left a{font-size:13px}.right p{font-size:14px}.review{align-items:center;flex-direction:column}.review img{width:80%}}.navbar{align-items:center;background-color:var(--dark);box-shadow:0 5px 10px 0 rgba(0,0,0,.5);color:var(--blue);display:flex;padding:10px 5%;position:fixed;top:0;width:100%;z-index:50}.logo{color:#0bffe7;font-family:Playball,cursive;font-family:Reenie Beanie,cursive;font-size:29px;font-style:italic;font-weight:300;width:20%}.nav{margin:0 auto;width:70%}.nav a{border-radius:30px;color:#f0f8ff;font-family:Shantell Sans,cursive;font-size:20px;font-weight:400;margin:0 5px;padding:10px;text-decoration:none}.nav a:hover{color:var(--blue)}.nav a:active{background-color:#fbf0a8}.home{background-color:#1f2235;border-bottom-left-radius:70% 164px;border-bottom-right-radius:70% 164px;display:flex;font-family:Lobster Two,cursive;overflow:hidden;padding:80px 20px 20px;position:relative}.home-left{width:50%}.home-right{margin-bottom:20px;width:50%}.home-right,.home-right .pic{align-items:center;display:flex;justify-content:center}.home-right .pic{aspect-ratio:1/1;border-bottom:10px solid var(--blue);border-radius:50%;box-shadow:0 5px 10px 0 rgba(0,0,0,.5);margin:50px;position:relative;width:250px}.home-right .pic .pro-pic{border-radius:50%;display:none;display:block;height:90%;object-fit:cover;overflow:hidden;transition:.2s ease-in;width:90%;z-index:10}.pic .pro-pic:hover{height:100%;width:100}.circle{-webkit-animation:animate 15s linear infinite;animation:animate 15s linear infinite;aspect-ratio:1/1;border:1.1rem solid var(--blue);border-radius:50%;position:absolute;width:130%;z-index:9}@-webkit-keyframes animate{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes animate{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.circle span{align-items:center;aspect-ratio:1/1;background-color:var(--blue);border-radius:50%;display:flex;justify-content:center;width:60px}.circle span img{width:70%}.one{left:6px}.one,.two{position:absolute;top:0}.two{right:-3px}.three{left:6px}.four,.three{bottom:0;position:absolute}.four{right:-3px}.home-left{align-items:center;flex-direction:column;justify-content:center;z-index:5}.home-left,.home-left .social ul{display:flex}.social ul li{list-style:none;margin:5px}.social ul li a{color:#fff;font-size:20px}.social ul li a:hover{color:var(--blue)}.name{color:#fff;margin:10px}.tex{font-weight:500}.name span{color:var(--blue);font-weight:700}.name p{font-size:20px}.text{color:#fff;font-family:Lobster Two,cursive;font-size:15px;font-weight:300;margin-bottom:10px;margin-left:5px}.home-left a{margin-right:0}.resume{background-color:var(--blue);border-radius:10px;color:var(--dark);font-size:17px;font-weight:700;justify-content:center;margin:20px 50px 20px 20px;padding:5px 10px;text-decoration:none}.about,.resume{align-items:center;display:flex}.about{flex-direction:column;padding-top:80px;width:100%}.about-section{box-shadow:0 5px 15px rgba(6,208,227,.35);display:flex;margin:5px auto;max-width:1000px}.img-section{align-items:center;display:flex;justify-content:center;width:50%}.about-text{display:flex;flex-direction:column;justify-content:space-around;padding:20px;text-align:justify;width:50%}.text-section{width:100%}.img-section img{display:block;width:100%}.text-section{color:#000;font-family:Nunito,sans-serif;font-size:20px;font-weight:700;margin-bottom:30px}.highlight{width:100%}.highlight ul li{font-family:Nunito,sans-serif;font-size:20px;font-weight:600;line-height:30px;list-style:none}.highlight span{color:var(--dark);margin-right:10px}.about-btn{align-items:center;display:flex}.about-btn .resume{color:#1f1d1d}.hire-me{align-items:center;border:4px solid var(--dark);border-radius:50px;color:var(--dark);display:flex;font-size:17px;font-weight:700;height:37px;justify-content:center;margin-right:50px;padding:5px 10px;text-decoration:none;width:100px}.resume:hover{background-color:#6ef4f6}.hire-me:hover{border-color:var(--blue);color:#fff}.hire-me .resume:hover,.hire-me:hover,.line{background-color:var(--dark)}.line{align-items:center;display:flex;height:5px;justify-content:center;margin:20px;width:250px}.line,.u-line{border-radius:10px}.u-line{background-color:var(--blue);height:8px;width:80px}.headd{font-family:Merienda,cursive;font-size:30px;font-weight:700}#project{align-items:center;flex-direction:column;justify-content:center;padding-top:70px}#project,.m-project{display:flex;flex-wrap:wrap}.m-project{gap:20px;justify-content:space-around;max-width:1000px}.project-box{background-color:var(--dark);display:flex;flex-direction:column;margin-bottom:20px;padding:20px;width:450px}.project-box,.project-box img{border-radius:10px;box-shadow:0 5px 15px rgba(0,0,0,.35)}.head{color:var(--blue);font-family:"PT Serif",serif;font-size:18px;font-weight:700;margin:13px 0}.desc{color:#f0f8ff;font-family:Nunito,sans-serif;font-size:13px}.p-button{display:flex}.p-button a{border-radius:15px;font-family:Nunito,sans-serif;font-weight:700;margin:15px 20px 15px 0;padding:7px 15px;text-decoration:none}.github{border:2px solid var(--blue);border-radius:15px;color:#f0f8ff}.live{background-color:var(--blue);color:var(--dark)}.github:hover{color:#c0f0e7}.github:hover,.live:hover{background-color:var(--dark);-webkit-transform:scale(1.2);transform:scale(1.2)}.live:hover{border:2px solid var(--blue);color:#f4f4a3}.review{flex-wrap:wrap}#contact,.review{display:flex;margin:70px auto;max-width:1000px}#contact{flex-direction:column}#contact,.contactme{align-items:center;justify-content:center}.contactme{display:flex;width:100%}.c-left{width:30%}.c-right{font-family:Nunito,sans-serif;width:60%}.c-right form{font-family:Nunito,sans-serif}.c-right form,.email,.whatsapp{display:flex;flex-direction:column}.email,.whatsapp{align-items:center;background-color:var(--dark);border:2px solid var(--blue);border-radius:20px;box-shadow:0 5px 15px rgba(0,0,0,.35);color:#fff;font-size:.8rem;gap:5px;justify-content:center;margin:20px;padding:20px}.email a,.whatsapp a{color:var(--blue);font-size:13px;text-decoration:none}.email i,.whatsapp i{font-size:20px}form{gap:10px;padding:20px}form input,textarea{background-color:var(--dark);border:none;border-radius:10px;box-shadow:0 5px 15px rgba(170,215,237,.35);color:var(--blue);outline:none;padding:10px 20px}.form input:focus,form input,textarea{border:2px solid var(--blue)}::-webkit-input-placeholder{color:#b7b6b6}::placeholder{color:#b7b6b6}.sub{cursor:pointer}#resume{margin:50px auto;max-width:1100px;padding-top:100px}.resume-section{align-items:center;display:flex;flex-direction:column;justify-content:center;margin-top:50px}.resume-section .main-resume{box-shadow:0 5px 15px rgba(1,255,225,.35);display:flex;height:600px;margin-left:40px;margin-right:40px;margin-top:40px;width:100%}.resume-section .left{background-color:var(--dark);display:flex;flex-direction:column;justify-content:center;width:30%}.resume-section .left a{border-bottom-left-radius:30px;border-top-left-radius:30px;color:#07abd0;font-family:Signika,sans-serif;font-size:25px;font-weight:600;margin:20px 0;padding:20px 0 20px 20px;position:relative;text-decoration:none;width:100%}.resume-section .left a i{font-size:22px;margin-right:10px}.resume-section .left a.active-link{background-color:#fff}.resume-section .left a b:first-child{background-color:#fff;display:none;height:20px;left:0;position:absolute;top:-20px;width:100%}.resume-section .left a b:first-child:before{background-color:var(--dark);border-bottom-right-radius:20px;content:"";height:100%;left:0;position:absolute;width:100%}.resume-section .left a b:nth-child(2){background-color:#fff;bottom:-20px;display:none;height:20px;left:0;position:absolute;width:100%}.resume-section .left a b:nth-child(2):before{background-color:var(--dark);border-top-right-radius:20px;content:"";height:103%;left:0;position:absolute;width:100%}.resume-section .left a.active-link b:first-child,.resume-section .left a.active-link b:nth-child(2){display:block}.resume-section .right{overflow:hidden;scroll-behavior:smooth;transition-delay:1s;width:70%}#fourth,#second,#third,.resume-section #first{height:100%;padding-bottom:60px;padding-top:80px;width:100%}.right #first{display:flex;flex-direction:column;height:100%;justify-content:space-evenly}.fa-circle-dot{margin-right:5px}.edu{margin:20px}.edu-name{color:var(--dark);display:flex;font-size:15px;font-weight:700;justify-content:space-between}.te,.tee{font-weight:600}.edu-name .time,.te,.tee{font-family:Signika,sans-serif}.edu-name .time{background-color:#1066cf;border-radius:20px;color:#fff;font-size:20px;padding:5px 10px}.edu .type{font-family:Signika,sans-serif;font-size:16px;font-weight:500;margin-left:50px;margin-top:5px}#second{justify-content:space-around;padding:35px}#second,.skill{display:flex;flex-direction:column}.skill{font-size:18px}.skill i{margin-right:10px}.skill p{color:var(--dark);font-family:Signika,sans-serif;font-size:25px;font-weight:550;margin-bottom:8px}.p-bar{background-color:var(--dark);height:10px;margin-top:10px;width:80%}.p-bar,.p-bar div{border-radius:20px}.p-bar div{background-color:var(--blue);height:100%;width:70%}#third{display:flex;flex-direction:column;justify-content:space-around}#fourth{padding-top:50px}.sidebar{align-items:center;background-color:var(--dark);display:flex;height:100vh;justify-content:center;position:fixed;right:-200px;top:0;transition:all 1s ease;width:200px;z-index:11}.sidebar ul li{list-style:none;margin:40px}.sidebar ul li:hover{text-decoration:underline}.sidebar ul li a{color:var(--blue);font-size:30px;font-weight:900;font-weight:500;text-decoration:none}.active .sidebar{right:0}.sidebar .nav{display:flex;flex-direction:column;font-size:20px}.sidebar .nav a{margin-top:20px}.footer{align-items:center;background-color:var(--dark);border-top-left-radius:70% 164px;border-top-right-radius:70% 164px;display:flex;flex-direction:column;overflow:hidden;padding:20px;position:relative;width:100%}.footer h2{color:var(--blue);margin-top:50px}.footer .social ul{display:flex;flex-direction:row}
/*# sourceMappingURL=main.5a7738d2.css.map*/