@import url(https://fonts.googleapis.com/css2?family=Montserrat&display=swap);@import url(https://fonts.googleapis.com/css2?family=Sofia+Sans&display=swap);.nav-img[data-v-fac1a10e]{width:40px;height:40px;margin-right:auto;margin-left:auto}.nav-btn2[data-v-fac1a10e],.nav-btn3[data-v-fac1a10e],.nav-btn[data-v-fac1a10e]{border-radius:50%;background-color:#fff}.nav-btn[data-v-fac1a10e]:hover{background-image:linear-gradient(40deg,#f3aa19,#f0d,#4500bc);color:#fff;transition:.5s}.nav-btn2[data-v-fac1a10e]:hover{background-color:#2dd7d7;color:#fff;transition:.5s}.nav-btn3[data-v-fac1a10e]:hover{background-color:red;color:#fff;transition:.5s}#app{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#fff}#app,body{font-family:Montserrat,sans-serif}body{background-color:#fff}a.navbar-brand.logo.text-center{font-family:Sofia Sans,sans-serif;font-weight:600;margin-right:87px;font-size:37px}nav{padding:30px}.nav-links{display:flex;justify-content:center;align-items:center}.logo,a{text-decoration:none;color:#fff}.logo{font-size:30px;font-weight:2000}.social-icon{height:32px;width:32px;padding-top:15px;color:#000;list-style-type:none}#myHome{background:linear-gradient(40deg,#05bef7,#14b2e7,#ef4dbf,#fe01e5);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:gradient 6s ease infinite;background-position:50%;background-size:400% 400%;background-attachment:fixed;min-height:100vh;overflow:hidden}.content{margin-top:40%;margin-left:10%;font-weight:500;color:#f1f1f1}#myBtn{display:inline-block;transition:all .5s;text-decoration:none;border:none;border-radius:6px;padding:10px 24px;cursor:pointer;background:transparent;color:#f1f1f1;font-weight:bolder}#myBtn:hover{background-color:#f0f8ff;color:#000;transition:.8s}.content-img{width:710px;padding-top:160px;display:flex;justify-content:end}@media screen and (max-width:600px){.content-img:after{left:37px}}.flex.height-fix{display:flex;flex-direction:column;align-content:center;justify-content:center;align-items:center}#about{min-height:100vh;background:linear-gradient(40deg,#05bef7,#14b2e7,#ef4dbf,#fe01e5);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:gradient 6s ease infinite;background-size:400% 400%}#about-skills{padding-right:7px}.about-wrapper{border-radius:30px 30px 0 0;background-color:#fff;margin-top:15%}.about-txt{font-weight:bolder}h1.about-txt{font-size:70px}p.aboutMe-txt{font-size:20px}.about-img{width:310px;border-radius:25px;display:flex;flex-direction:column;align-content:center;justify-content:center;align-items:center}.col-md-9{margin-top:5%}.head{font-weight:bolder}.timeline{position:relative;max-width:1200px;margin:0 auto;margin-bottom:40px}.timeline:after{content:"";position:absolute;width:6px;background-color:#fff;top:0;bottom:0;left:50%;margin-left:-3px}.container-time{padding:10px 40px;position:relative;width:50%}.left{left:0}.right{left:50%}.left:after,.right:after{left:15px}#bootstrap-icon,#css-icon,#html-icon,#js-icon,#python-icon,#vue-icon{padding:5rem;color:#000;font-size:4rem;text-align:center}#projects{background:linear-gradient(40deg,#05bef7,#14b2e7,#ef4dbf,#fe01e5);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:gradient 6s ease infinite;min-height:100vh;background-size:400% 400%;overflow:hidden;padding-top:125px;padding-bottom:80px}.proj-text{margin-top:10px;font-weight:bolder}.proj-btn{border-radius:50%;background-color:transparent;border:none;height:35px;width:35px}#proj-icons{display:flex;justify-content:center}.proj-btn:hover{background-color:#000;color:#fff;transition:.6s}.title-heading{font-weight:bolder;font-size:50px}.section.gradient,.section.gradient2{overflow:hidden;padding-top:80px;padding-bottom:80px;background-color:#f2f3f5;background-image:linear-gradient(#00ffea,#f0d);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}i.fa-brands.fa-github-alt,i.fa-solid.fa-link{font-size:18px}#icon-ting{font-size:1rem}.testi-text{font-weight:700;font-size:50px;padding-right:30px}#contact{background:linear-gradient(40deg,#05bef7,#14b2e7,#ef4dbf,#fe01e5);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:gradient 6s ease infinite;min-height:100vh;background-size:400% 400%;margin-top:100px}@keyframes gradient{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}