@import"https://fonts.googleapis.com/css2?family=Great+Vibes&text=AmreshKua&display=swap";@import"https://fonts.googleapis.com/css2?family=Raleway&display=swap";@import"https://fonts.googleapis.com/css2?family=Montserrat&display=swap";html{scroll-behavior:smooth;overflow-x:hidden}.App{text-align:center;background-image:linear-gradient(to right,#434343 0%,black 100%);min-height:100vh;scroll-behavior:smooth}.title{position:absolute;top:70%;left:0%;transform-origin:bottom left;transform:rotate(90deg) translate(-50%,-50%);color:#fff;z-index:5}.scroll-top{position:fixed!important;bottom:0;right:0;z-index:3;transform:translate(-50%,-50%)}.tilt:after{content:" ";border-bottom:70vh solid #34495e;border-left:6vw solid transparent;position:absolute;top:0;width:97%;right:0}h2{font-size:72px;background:-webkit-linear-gradient(#b88746,#fdf5a6);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.animation-btn{transform-origin:bottom;margin-left:2%;animation:bounce .5s;animation-direction:alternate;animation-timing-function:cubic-bezier(.5,.05,1,.5);animation-iteration-count:20}@keyframes bounce{0%{transform:rotate(45deg)}to{transform:rotate(-45deg)}}.box:after{content:" ";border-top:100vh solid #008ce6;border-right:100vw solid transparent;width:0;position:absolute;top:0;left:0}.next:after{content:" ";border-bottom:100vh solid #008ce6;border-right:100vw solid transparent;width:0;position:absolute;top:0;left:0}::-webkit-scrollbar{display:none}button:disabled{background-color:#8614f899!important;color:#fffc!important}@media (max-width: 1172px){.title{transform:rotate(0);top:auto;bottom:0%}}@media screen and (max-width: 600px){.tilt:after{content:none}}@media (min-width: 900px){.App{height:100vh;width:100vw;overflow-y:scroll;scroll-snap-type:y proximity}}@media (max-width: 900px){.title{font-size:2.75rem!important}}@media (max-width: 600px){.title{font-size:2rem!important;z-index:5}.box:after{content:none}.next:after{content:none}#Skills{margin-top:8%!important}}@media (max-width: 781px){.about-me-para{line-height:1.25!important}}@media (max-height: 480px){#intro{overflow:hidden;padding-top:12%}#SayHi{height:100%}.intro-name{font-size:1.4rem!important}.input2{margin-top:10px!important}.next,.box{height:auto}.next:after{content:none}.box:after{content:none}.tilt:after{border-bottom:87vh solid #34495e}#AboutMe{align-items:flex-end}.about-me-container{height:87%!important}.title{font-size:2rem!important}.about-me-para{font-size:1.25rem!important;line-height:1.1!important}#Skills{height:auto;padding-bottom:5%}.Skill-wrapper{min-height:100vh;height:auto!important}.cardSkill{max-height:280px;min-width:225px;padding-top:5px!important;margin-top:10%}.cardSkill div{padding-top:0!important}.project-card{height:50%!important;margin:2px 0!important;flex-direction:row!important}.project-card-media{padding-left:2px!important}.project-content{padding:0 10px 0 0!important}.project-btn{justify-content:end!important}}.wrapper{margin:0 auto;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;padding:20px 20px 0}.wrapper .slider{border-radius:50%;border:2px solid #8eb8e5;-webkit-transform-origin:center;-ms-transform-origin:center;transform-origin:center;-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;z-index:100}.slider .item{border-radius:50%;border:2px solid #7c99b4;position:absolute;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-transform-origin:center;-ms-transform-origin:center;transform-origin:center;background-color:#fff;-webkit-transition:.3s linear all;-o-transition:.3s linear all;transition:.3s linear all;-webkit-filter:brightness(80%);filter:brightness(80%);background-repeat:round;background-size:cover;cursor:pointer;height:78px;width:78px}.slider .active{height:90px;width:90px;filter:brightness(100%)}.slider img{width:100%;height:100%;border-radius:50%;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.description{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}@media only screen and (max-width: 770px){.slider .item{width:60px;height:60px}.slider .active{width:75px;height:75px}.description{top:55%}}@media only screen and (max-width: 550px){.slider .item{width:52px;height:52px}.slider .active{width:65px;height:65px}}@media only screen and (max-width: 830px){#Projects{padding-left:4px!important;padding-right:4px!important}.project-details{line-height:1.3!important}}@media only screen and (max-width: 670px){.project-content{padding-top:2px!important}.project-details{font-size:.95rem!important;line-height:1.2!important}}@media only screen and (max-width: 600px){.project-details{line-height:1!important}}@media (max-height: 480px){blockquote{line-height:1!important}cite{font-size:.9rem!important}.description h4{font-size:1.28rem}.slider .item{width:52px;height:52px}.slider .active{width:65px;height:65px}.project-details{line-height:.9!important;font-size:.9rem!important}.project-header{font-size:1.25rem!important}.project-card-media img{height:98%;border-radius:4px 0 0 4px/4px 0px 0px 4px!important}}.social{display:flex;height:100%;align-items:center;margin:0;padding:0}.social li{list-style:none;margin:0 25px}.social li a .fa{font-size:40px;color:#262626;transition:.5s}.social li a span{padding:0;margin:0;position:absolute;top:-8px;color:#262626;transition:.5s}.social li a{text-decoration:none;display:absolute;display:block;width:60px;height:50px;background:#fff;text-align:left;transform:rotate(-30deg) skew(25deg) translate(0);transition:.5s;box-shadow:-20px 20px 10px #00000080;display:flex;align-items:center;justify-content:center}.social li a:before{content:"";position:absolute;top:10px;left:-20px;height:100%;width:20px;background:#b1b1b1;transform:.5s;transform:rotate(0) skewY(-45deg)}.social li a:after{content:"";position:absolute;bottom:-20px;left:-10px;height:20px;width:100%;background:#b1b1b1;transform:.5s;transform:rotate(0) skew(-45deg)}.social li a:hover{transform:rotate(-30deg) skew(25deg) translate(20px,-15px);box-shadow:-50px 50px 50px #00000080}.social li:hover .fa,ul li:hover span{color:#fff}ul li:hover:nth-child(1) a{background:#3b5998}ul li:hover:nth-child(1) a:before{background:#365492}ul li:hover:nth-child(1) a:after{background:#4a69ad}ul li:hover:nth-child(2) a{background:#0077b5}ul li:hover:nth-child(2) a:before{background:#097aa5}ul li:hover:nth-child(2) a:after{background:#4b9eca}ul li:hover:nth-child(3) a{background:#dd4b39}ul li:hover:nth-child(3) a:before{background:#b33a2b}ul li:hover:nth-child(3) a:after{background:#e66a5a}ul li:hover:nth-child(4) a{background:#24292f}ul li:hover:nth-child(4) a:before{background:#140c0f}ul li:hover:nth-child(4) a:after{background:#3d4043}@media screen and (max-width: 900px){.social{flex-wrap:wrap}.social li{margin:0;display:flex;justify-content:center;flex:50%}}@media screen and (max-width: 800px){td{font-size:1.1rem!important;line-height:1!important;padding-left:6px!important}th{font-size:1rem!important;line-height:1!important;padding:6px 0!important;font-weight:500!important}}@media (max-height: 480px){td,th{padding-top:2px!important;padding-bottom:2px!important}}@media screen and (max-width: 410px){td{padding:1px 0!important;font-size:1rem!important;letter-spacing:0!important}th{padding:1px 0!important;font-size:.9rem!important}.mq410{width:85%;margin-left:7%}}.cardSkill{-webkit-box-reflect:below 2px linear-gradient(transparent,transparent,#0004);transform-origin:center;transform:perspective(800px) rotateY(20deg);transition:.5s;margin:10px}.cardSkill:hover{box-shadow:0 6px 10px #0006;transform:perspective(800px) rotateY(0) scale(1.21);opacity:1;transition:.4s;filter:none;z-index:5}@media (max-width: 600px){.cardSkill{transform:perspective(800px) rotateY(0);margin:25px}}@media only screen and (max-width: 920px){.cardSkill:hover{transform:perspective(800px) rotateY(0) scale(1.1)}}body{margin:0;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;overflow:hidden!important;-webkit-user-select:none;user-select:none}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}