.mainWrapper{background-size:cover;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px}.intro{text-align:center;margin-top:20px}.name{color:#221d35;font-size:3rem;margin-top:-5px}.description{margin-top:10px;color:#da0819;padding:20px;text-align:center}.socialmedia{display:flex;gap:30px;margin-top:50px;margin-left:90px;margin-bottom:20px}.socialmedia span:hover{color:green;background-color:#7fffd4;cursor:pointer;border:1px black}.button{background-color:#da0819;color:#fff;border-radius:5px;width:130px;margin-top:20px;padding:8px}.button:hover{cursor:pointer;box-sizing:border-box}.right{margin-top:20px}.section img{width:100%;max-height:100vh}.img-fluid{margin-top:2px;margin-left:50px}@media (min-width: 768px){.mainWrapper{flex-direction:row}.intro,.right{margin:0 20px}}*{margin:o;padding:0}.contactme{height:150vh;width:85%;background:#fff;border-radius:6px;padding:20px 60px 30px 40px;box-shadow:0 5px 10px #0003;margin-left:150px}.contactme .content{display:flex;align-items:center;justify-content:space-between}.contactme .content .left-side{width:25%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative}.content .left-side:before{content:"";position:absolute;height:70%;width:2px;right:-15px;top:50%;transform:translateY(-50%);background:#afafb6}.content .left-side .details{margin:14px;text-align:center}.content .left-side .details i{font-size:30px;color:#3e2093;margin-bottom:10px}.content .left-side .details .topic{font-size:18px;font-weight:500}.content .left-side .details .text-one,.content .left-side .details .text-two{font-size:14px;color:#3e2093}.contactme .content .right-side{width:75%;margin-left:75px}.content .right-side .topic-text{font-size:23px;font-weight:600;color:#3e2093;margin-top:100px}.right-side .input-box{height:50px;width:100%;margin:12px 0}.right-side .input-box input,.right-side .input-box textarea{height:100%;width:100%;border:none;outline:none;font-size:16px;background:#f0f1f8;border-radius:6px;padding:0 15px;resize:none}.right-side .message-box{min-height:110px}.right-side .input-box textarea{padding-top:6px}.right-side .button{display:inline-block;margin-top:5px}.right-side .button input[type=button]{color:#fff;font-size:18px;outline:none;border:none;padding:8px 16px;border-radius:6px;background:#da0819;cursor:pointer;transition:all .3s ease}.button input[type=button]:hover{background:#da0819}.right-side .button input[type=button]:active{transform:translateY(2px)}@media (max-width: 950px){.contactme{width:90%;padding:30px 40px 40px 35px}.contactme .content .right-side{width:75%;margin-left:55px}}@media (max-width: 820px){.contactme{margin:40px 0;height:100%}.contactme .content{flex-direction:column-reverse}.contactme .content .left-side{width:100%;flex-direction:row;margin-top:40px;justify-content:center;flex-wrap:wrap}.contactme .content .left-side:before{display:none}.contactme .content .right-side{width:100%;margin-left:0}}#container{max-width:100%;border:none;margin-top:20px;height:150vh}.card{width:100%;margin-bottom:20px;border:none;margin-top:20px;height:40vh}.card-body{display:flex;flex-direction:column;align-items:center}.card img{max-width:100%;height:auto;border-radius:8px;margin-bottom:15px}.card-title{font-size:24px;margin-bottom:8px}.card-text{flex:1;font-size:16px;padding-bottom:20px}.btn{display:inline-block;background-color:#da0819;color:#fff;border-radius:9px;width:130px;margin-top:20px;padding:8px}@media (min-width: 576px){.container{max-width:540px}}@media (min-width: 768px){.container{max-width:720px}}@media (min-width: 992px){.container{max-width:960px}}@media (min-width: 1200px){.container{max-width:1140px}}.wrapper{background-color:#fff}.fixed-nav{position:fixed;width:100%;top:0;left:0;z-index:1000}.nav-container{display:flex;align-items:center}.nav{list-style-type:none;display:flex;justify-content:space-around;align-items:center;padding:0;margin:0}.nav-item{margin:0 10px}.nav-link{color:#000;text-decoration:none;font-weight:700}.mobile-toggle{display:none;cursor:pointer}.mobile{font-size:24px}@media (max-width: 768px){.nav{flex-direction:column;align-items:stretch;position:absolute;top:60px;left:0;width:100%;background-color:#333;z-index:1;opacity:0;pointer-events:none;transition:opacity .3s ease}.nav-open .nav{opacity:1;pointer-events:auto}.mobile-toggle{display:block;position:fixed;top:15px;right:20px;z-index:1100}.nav-item{margin:10px 0;text-align:center}.nav-link{color:#fff}}.footer{background-color:#000;color:#fff;display:flex;flex-direction:column;align-items:center;flex-wrap:wrap;height:300px}.footer-icons{margin-top:40px}.footer-icons a{margin:15px;color:#fff;text-decoration:none;font-size:24px;border-radius:50%;padding:20px}.footer-icons a span{color:#da0819}.footer-icons a span:hover{background:linear-gradient(to right,#da0819,blue,green);color:#fff}.navlinks{margin-top:30px}.navlinks ul{list-style:none;padding:10px;display:flex;align-items:center;flex-wrap:wrap;gap:10px}.navlinks li{margin-right:20px;margin-bottom:10px}.navlinks a{color:#fff;text-decoration:none;font-weight:700}.finish{margin-top:30px}@media only screen and (max-width: 768px){.footer{flex-direction:column;text-align:center}.footer-icons a{margin-bottom:15px}.navlinks{order:1;margin-top:0}.navlinks li{margin-right:0}}.header{margin-top:80px;margin-left:310px;font-size:2rem;font-weight:700;color:#da0819}.container{display:flex;flex-wrap:wrap;justify-content:space-around;align-items:stretch;gap:10px;height:60vh}.card1,.card2,.card3,.card4{flex:1}@media (max-width: 768px){.container{flex-direction:column;align-items:center}.card1,.card2,.card3,.card4{width:100%;margin-bottom:20px}}.skillscontainer{width:1000px;position:relative;display:flex;justify-content:space-between;height:60vh;margin-left:180px}.header{margin-left:150px;padding:40px;color:#da0819;margin-top:75px}.skillscontainer .card{position:relative;cursor:pointer}.skillscontainer .card .face{width:200px;height:200px;transition:.5s}.skillscontainer .card .face.face1{position:relative;background:whitesmoke;display:flex;justify-content:center;align-items:center;z-index:1;transform:translateY(100px)}.skillscontainer .card:hover .face.face1{background:#ff0057;transform:translateY(0)}.skillscontainer .card .face.face1 .content{opacity:1;transition:.5s}.skillscontainer .card:hover .face.face1 .content{opacity:1}.skillscontainer .card .face.face1 .content img{max-width:100px}.skillscontainer .card .face.face1 .content h3{margin:10px 0 0;padding:0;color:#fff;text-align:center;font-size:1.5em}.skillscontainer .card .face.face2{position:relative;background:#fff;display:flex;justify-content:center;align-items:center;padding:20px;box-sizing:border-box;box-shadow:0 20px 50px #fff;transform:translateY(-100px)}.skillscontainer .card:hover .face.face2{transform:translateY(0)}.skillscontainer .card .face.face2 .content p{margin:0;padding:0}.skillscontainer .card .face.face2 .content a{margin:15px 0 0;display:inline-block;text-decoration:none;font-weight:900;color:#333;padding:5px;border:1px solid #333}.skillscontainer .card .face.face2 .content a:hover{background:#333;color:#fff}