*{padding:0;overflow-X:hidden}*,body{margin:0}body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.app{height:100vh}.app .sections{width:100%;height:calc(100vh - 70px);position:relative;top:70px;-ms-scroll-snap-type:y mandatory;scroll-snap-type:y mandatory;scrollbar-width:none;scroll-behavior:smooth}.app .sections::-webkit-scrollbar{display:none}.app .sections>*{width:100vw;height:calc(100vh - 70px);scroll-snap-align:start}.header{width:100%;display:-webkit-flex;display:flex;background-color:#000;height:70px;position:fixed;-webkit-align-items:center;align-items:center;z-index:4;top:0;transition:all 2s ease;-webkit-justify-content:space-between;justify-content:space-between}.header .mainn .name_header{color:#fff;font-size:30px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;font-family:"Trebuchet MS","Lucida Sans Unicode","Lucida Grande","Lucida Sans",Arial,sans-serif;-webkit-animation-name:move;animation-name:move;-webkit-animation-duration:3s;animation-duration:3s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}@-webkit-keyframes move{0%{text-transform:uppercase;transition:2s}to{text-transform:lowercase}}@keyframes move{0%{text-transform:uppercase;transition:2s}to{text-transform:lowercase}}.header .sub_header .hamburger{width:30px;height:26px;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:space-between;justify-content:space-between;cursor:pointer;-webkit-align-items:center;align-items:center;margin-top:5px}.header .sub_header .hamburger span{float:left;width:100%;height:3px;background-color:#fff;-webkit-transform-origin:left;transform-origin:left;transition:all 2s ease}.header.active{background-color:#fff}.header.active .hamburger span:first-child{background-color:#000;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.header.active .hamburger span:nth-child(2){opacity:0}.header.active .hamburger span:last-child{background-color:#000;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.header.active .name_header{color:#000}.image_header{height:100vh;background-color:#000;display:-webkit-flex;display:flex}@media (max-width:768px){.image_header{-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center}}.image_header .left{overflow:hidden;-webkit-flex:0.5 1;flex:0.5 1}.image_header .left .img_header{background-color:#ffb6c1;border-radius:50%;height:800px;position:relative;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;float:right;width:800px}@media (max-width:768px){.image_header .left .img_header{-webkit-align-items:flex-start;align-items:flex-start}}.image_header .left .img_header img{height:90%}@media (max-width:768px){.image_header .left .img_header img{height:50%}}.image_header .right{-webkit-flex:0.5 1;flex:0.5 1;position:relative}.image_header .right .right_wrap{height:100%;width:100%;padding-left:50px;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-flex-direction:column;flex-direction:column}@media (max-width:768px){.image_header .right .right_wrap{padding-left:0;-webkit-align-items:center;align-items:center}}.image_header .right .right_wrap h1{font-size:60px;margin:10px 0;color:#fff}@media (max-width:768px){.image_header .right .right_wrap h1{font-size:40px;position:relative;left:50px}}.image_header .right .right_wrap h2{font-size:30px;color:#fff}.image_header .right .right_wrap h3{font-size:35px;color:#fff}@media (max-width:768px){.image_header .right .right_wrap h3{font-size:20px}}.image_header .right .right_wrap h3 span{font-size:inherit;color:#dc143c}.About1{display:-webkit-flex;display:flex}@media (max-width:768px){.About1{-webkit-flex-direction:column;flex-direction:column}}.About1 .About_header{color:#fff;-webkit-flex:0.6 1;flex:0.6 1;background-color:#000;-webkit-flex-direction:column;flex-direction:column}.About1 .About_header,.About1 .About_header .image{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center}.About1 .About_header .image{margin-top:30px;height:500px;width:500px}@media (max-width:768px){.About1 .About_header .image{height:150px;width:100px;-webkit-align-items:center;align-items:center}}.About1 .About_header .image img{height:100%;width:100%;object-fit:cover}.About1 .About_header .remainngs{margin-bottom:50px;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;height:100%;width:100%}.About1 .About_header .remainngs .name{color:#f2aa4c;font-size:30px;border-bottom:.5vh solid #fff}@media (max-width:768px){.About1 .About_header .remainngs .name{font-size:15px;border-bottom:.1vh solid #fff}}.About1 .About_header .remainngs .Aboutt{margin-top:10px;color:#fff;font-size:17px;-webkit-flex-wrap:nowrap;flex-wrap:nowrap}@media (max-width:768px){.About1 .About_header .remainngs .Aboutt{font-size:1.5vh;-webkit-flex-wrap:wrap;flex-wrap:wrap}}.About1 .About_header .remainngs .aboutme{color:#f2aa4c;-webkit-align-items:center;align-items:center;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif}@media (max-width:768px){.About1 .About_header .remainngs .aboutme{font-size:2vh}}.About1 .About_header .remainngs strong{color:#f2aa4c}.About1 .left{-webkit-flex:0.5 1;flex:0.5 1;background-color:#fff;display:-webkit-flex;display:flex;-webkit-justify-content:space-evenly;justify-content:space-evenly;-webkit-align-items:center;align-items:center;-webkit-flex-direction:column;flex-direction:column}.About1 .left p{font-size:30px;position:relative;top:-50px}@media (max-width:768px){.About1 .left p{font-size:20px;position:relative;top:0}}.About1 .left .skills{position:relative;top:-50px;width:100%;display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-align-items:flex-start;align-items:flex-start;-webkit-justify-content:space-evenly;justify-content:space-evenly}@media (max-width:768px){.About1 .left .skills{position:relative;top:0}}.About1 .left .skills .underline{width:80px;height:2px;background-color:#000;margin-top:10px}.About1 .left .skills .icons{color:red;font-size:40}.About1 .left .skills .Front-end,.About1 .left .skills .icons{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center}.About1 .left .skills .Front-end{-webkit-flex-direction:column;flex-direction:column}.About1 .left .skills h1{color:#dc143c}.About1 .left .skills ul{margin-top:10px;color:#000;-webkit-flex-direction:column;flex-direction:column}.About1 .left .skills ul,.portfolliolist{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center}.portfolliolist{cursor:pointer;margin-left:40px;font-size:3vh;font-weight:500;transition:all 1s ease}@media (max-width:768px){.portfolliolist{font-size:2.5vh}}.portfolliolist.active{overflow:hidden;background-color:#fff;color:#000;padding:10px;border-radius:8px;cursor:pointer;text-transform:uppercase}.Mypoject1{height:100vh;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;-webkit-flex-direction:column;flex-direction:column;background-color:#000}.Mypoject1 h1{color:#fff;position:relative;top:-10px}@media (max-width:768px){.Mypoject1 h1{font-size:20px}}.Mypoject1 .Myproject_header{-webkit-flex-direction:column;flex-direction:column;max-height:500px;width:950px;z-index:0}.Mypoject1 .Myproject_header,.Mypoject1 .Myproject_header .slider{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center}@media (max-width:768px){.Mypoject1 .Myproject_header .slider{height:300px;width:90vw}}.Mypoject1 .Myproject_header .slider .card{object-fit:cover;height:100px;width:100px}.Contact1{background-color:#fff;display:-webkit-flex;display:flex}@media (max-width:768px){.Contact1{-webkit-flex-direction:column;flex-direction:column}}.Contact1 .Contact_right{-webkit-flex:1 1;flex:1 1;overflow:hidden}.Contact1 .Contact_right img{height:100%;width:100%}.Contact1 .Contact_left{-webkit-flex:1 1;flex:1 1;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center}.Contact1 .Contact_left h2{font-size:30px}.Contact1 .Contact_left form{width:70%;height:70%;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center;-webkit-justify-content:space-between;justify-content:space-between}.Contact1 .Contact_left form input{width:300px;height:30px;font-size:14px}@media (max-width:768px){.Contact1 .Contact_left form input{width:200px;height:20px}}.Contact1 .Contact_left form textarea{width:300px;height:200px;font-size:14px}@media (max-width:768px){.Contact1 .Contact_left form textarea{width:200px;height:100px}}.Contact1 .Contact_left form button{width:150px;height:30px;color:#fff;background-color:#dc143c;border:none;border-radius:10px;font-weight:500;cursor:pointer}.Contact1 .Contact_left form span{color:green}.testomonials_header{color:#fff;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center;background-color:#000}.testomonials_header h1{font-size:50px}@media (max-width:768px){.testomonials_header h1{font-size:30px}}.testomonials_header ul{display:-webkit-flex;display:flex;margin:20px;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;list-style-type:none;padding:0;font-size:12px}@media (max-width:768px){.testomonials_header ul{-webkit-align-items:center;align-items:center;margin-right:60px}}.testomonials_header .Imagess_headers{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;-webkit-flex-wrap:wrap;flex-wrap:wrap}@media (max-width:768px){.testomonials_header .Imagess_headers{width:100%}}.testomonials_header .Imagess_headers .headerings{height:300px;width:400px;margin:10px 20px;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;border:5px solid #00f;-webkit-justify-content:center;justify-content:center;position:relative}@media (max-width:768px){.testomonials_header .Imagess_headers .headerings{width:250px;height:150px}}.testomonials_header .Imagess_headers .headerings .mainss{width:100%;height:100%;position:absolute;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:space-evenly;justify-content:space-evenly;-webkit-align-items:center;align-items:center;cursor:pointer}@media (max-width:768px){.testomonials_header .Imagess_headers .headerings .mainss{font-size:10px}}.testomonials_header .Imagess_headers .headerings .mainss h3{color:#f0c14b;font-weight:400px}.testomonials_header .Imagess_headers .headerings img{height:100%;width:100%;z-index:1}.testomonials_header .Imagess_headers .headerings:hover{background-color:#000}.testomonials_header .Imagess_headers .headerings:hover img{opacity:.2;z-index:0;cursor:pointer}.Menu{width:300px;height:100vh;background:#fff;position:fixed;top:0;right:-300px;z-index:2;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;transition:all 2s ease}.Menu.active{right:0}.Menu ul{margin:0;padding:0;list-style:none;font-size:30px;color:#000;width:60%}.Menu ul li{margin-bottom:40px}.Menu ul li a{font-size:inherit;color:inherit;text-decoration:none}.Menu ul li:hover{font-weight:500}
/*# sourceMappingURL=main.fb0fd8db.chunk.css.map */