.one{background-color:#234747}.MainPageFolio{background-image:url(/webPage1.jpg)}.main{border:none;color:#000}#Port{font-size:27px;font-family:sans-serif}.Navbar{background:#05161a;border:none;flex-direction:row;position:fixed;width:98.6%}.Navbar a{color:#f1ebeb;padding:6px 0;margin-left:2%;font-size:20px;font-family:sans-serif;text-decoration:none}#HireButton{background-image:url(/webPage1.jpg);color:#f0f8ff;height:50px;width:13%;margin:10px;border-top-left-radius:10px;border-top-right-radius:10px;cursor:pointer}.body{display:grid;grid-template-columns:auto auto}.heding{padding:10%;text-align:left;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.Leftdiv2,.heding{color:#fff;font-size:20px}.Leftdiv2{margin-left:70px;position:relative;top:-20px}#span1,#span2{font-size:30px;padding:9px}#span1{color:#0a66c2}#span2{color:#fff}#span3{background:#f09433;background:linear-gradient(45deg,#f09433,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#f09433",endColorstr="#bc1888",GradientType=1);font-size:30px;position:relative;top:-10px;border-radius:8px}#Image{width:320px;height:320px;margin-top:30%;border-radius:50%;background-color:#e2dddd;box-shadow:0 0 30px hsla(0,15%,94%,.9);justify-content:center;align-items:center}#AboutHeding{font-style:normal;padding:20px}#AboutHeding,#paragraph{font-family:sans-serif;text-align:center;color:#fff}#paragraph{font-size:23px;text-justify:newspaper;margin:20px 12px}#OurVisionHeading{font-family:sans-serif;font-style:normal;text-align:center;color:#fff;padding:20px}.section3{border:none;display:grid;grid-template-columns:auto auto}#paragraph1,#paragraph2{font-size:23px;text-justify:newspaper;margin:20px 12px}#paragraph1,#paragraph2,.Project{font-family:sans-serif;text-align:center;color:#fff}.Project{border:1px solid #000}.Card:hover{background-color:#053f37;transition:all .3s;cursor:pointer}.section7{display:grid;grid-template-columns:auto auto;grid-gap:20px;gap:20px;margin:0;overflow:auto}#Hedingone,#paragraphtwo{font-family:sans-serif;text-align:justify;margin:25px}.FirstSkil{border:none;height:auto}.SecoundSkil{border:none;display:grid;grid-template-columns:auto auto auto;margin:20px 25px;padding:30px;text-align:center;grid-gap:25px;gap:25px}#Icone{color:#fff;font-size:30px}#Facss,#Icone{font-family:sans-serif}#Facss{color:#0bda95;font-size:25vh;width:50%;height:-moz-fit-content;height:fit-content}#SkilHeading{text-align:center;color:#fff;font-size:36px;font-family:sans-serif}.Icone1:hover{background-color:#05161a;transition:all .2s}.MainResume{display:grid;grid-template-columns:auto auto;border:none;margin:10px padding;width:100%}.leftsection,.rightsection{border:none;margin:10px 12px;text-align:left;padding:23px}.h3,.leftsection,.rightsection{font-family:sans-serif;color:#fff}.h3{font-style:normal;padding:20px}.firstbox>h1,.h3{text-align:center}.firstbox>h1,.gridbox{padding:10px}.gridbox{width:85%;margin:auto}.gridI1{background-color:rgba(29,25,25,.3);border:1px solid wheat;color:wheat;padding:20px}.gridI1 input{padding:5px;background-color:transparent;border:none;border-bottom:1px solid gray;margin:10px}.btnsb,.gridI1 input{width:95%;height:50px;color:#fff}.btnsb{font-size:20px;cursor:pointer;background:transparent}.CntactHeding{color:#fff}@media screen and (max-width:600px){.body{display:flex;flex-direction:column-reverse;text-align:center}.MainPageFolio{width:225vw}.section7{display:flex;flex-direction:column}.section3{display:grid;grid-template-columns:auto}.Navbar{width:223vw}}