.heading{margin-top:5%;height:640px;display:flex;flex-direction:column;align-items:center;justify-content:center}.heading span{font-size:2rem}.heading h4{font-size:32px;color:#fff;font-weight:600}@keyframes rainbow{0%{color:#4600ff}10%{color:#5a00ff}20%{color:#6e00ff}30%{color:#8200ff}40%{color:#9600ff}50%{color:#a0f}60%{color:#9600ff}70%{color:#8200ff}80%{color:#6e00ff}90%{color:#5a00ff}100%{color:#4600ff}}.heading h4 span{color:#6e00be;animation:rainbow 3s infinite;filter:drop-shadow(0px 0px 4px #6e00be)}.heading p.title{font-size:44px;font-weight:600;color:#fff;margin-top:8px}.heading p.subtitle{font-size:16px;color:#ccc;margin-top:3%}.heading img{width:400px;height:400px;margin-top:100px;filter:drop-shadow(0px 0px 4px #6e00be)}main{margin:0 100px}.separator{margin:50px 50px 30px;padding:10px 20px;background-color:#6e00be;display:inline-block;color:#fff;border-radius:12px;filter:drop-shadow(0px 0px 4px #6e00be)}.about{display:flex;justify-content:space-between;align-items:center;gap:80px;padding:0 200px}.about img{width:280px;filter:drop-shadow(0px 0px 4px #6e00be)}.about .info h3{color:#fff;font-size:32px;font-weight:600;margin-bottom:10px}q{margin-top:2%;font-size:.8rem;font-style:italic;color:#fff}.about .info div.headingbutton{margin-top:8%}.skills{display:flex;align-content:center;align-items:center;justify-content:space-between;padding:0 200px}@media screen and (max-width: 1440px){.skills{justify-content:space-between;gap:5px}.info p{width:450px}.info q{font-size:.8rem}}@media screen and (max-width: 1024px){.heading h4{font-size:24px}.heading p.title{font-size:36px}.heading p.subtitle{font-size:14px}.about{flex-wrap:wrap;justify-content:center}.info p{width:400px}.info q{font-size:.7rem}.info button.btn{margin-top:2.2rem;margin-bottom:2.2rem}}@media screen and (max-width: 768px){.heading{margin-top:50px;height:320px;justify-content:start}main{margin-left:65px}.about{margin-left:0;display:flex;flex-flow:column wrap;align-content:center;justify-content:space-between}.heading h4{font-size:1.15rem}.heading p.title{font-size:1.15rem}.heading p.subtitle{font-size:1.15rem}.heading img{margin-top:40px;width:120px;height:120px}.info{display:flex;align-items:center;justify-content:space-between;flex-flow:column wrap}.info p{margin-bottom:10%}.info a{margin-top:100px}.skills{width:300px;margin:auto;flex-wrap:wrap;justify-content:center}}@media screen and (max-width: 640px){main{margin:0}}@media screen and (max-width: 510px){.about *{display:flex;text-align:center;align-items:center}.info,.skill-list{flex-wrap:wrap}}@media screen and (max-width: 375px){*{font-size:1.1rem}.conteinermain{margin:0 5%}.heading{margin-bottom:50px}.about{margin:0;padding:100px}.info p{width:300px}.skills{padding-left:170px;margin-left:5%}}@media screen and (max-width: 320px){.skills{margin-left:6%}}