.navbar{align-items:center;background-color:#010100;display:flex;height:6rem;justify-content:space-between;margin:0 auto;max-width:100rem;padding:1rem 7rem;position:-webkit-sticky;position:sticky;right:3rem;top:0;width:100vw;z-index:4}.logo{height:9rem;margin-top:2.1rem;object-fit:cover;width:9rem}.topitemlist{cursor:pointer;margin:1rem}.topitemlist:hover{border-bottom:2px solid #ff0;color:#ff0;padding-bottom:.5rem}.topbutton{align-items:center;background:#fff;border:none;border-radius:2rem;color:#000;display:flex;justify-content:center;padding:0 1rem}.topicon{height:1rem;margin:1rem;object-fit:cover;width:1rem}.active{color:#ff0}.navMenu{background:#101918;display:flex;flex-direction:column;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;min-height:15rem;padding:.5rem;position:absolute;right:2rem;top:4rem;z-index:2}.mobMenu{display:none;height:1.8rem;object-fit:cover}.listItem{background-color:#010100;color:aqua;margin:.25rem;padding:.5rem 3rem}@media screen and (max-width:910px){.mobMenu{display:flex}.classroom,.topbutton{display:none}}#intro{height:88vh;margin:0 auto;max-width:80rem;overflow:hidden;position:relative;width:100vw}.background{height:100vh;max-width:100rem;position:fixed;width:100vw;z-index:-4}.background,.bg{object-fit:cover}.bg{height:65vh;position:absolute;right:1rem;top:2rem;z-index:-1}.introcontent{display:flex;flex-direction:column;font-size:3rem;font-weight:700;height:100vh;justify-content:center;margin-top:-4.5rem;padding:2rem;width:100vw}.hello{font-size:1.75rem;font-weight:300}.introname{color:#ffd000}.para{font-size:medium;font-weight:300;letter-spacing:1px;margin-bottom:1rem;margin-top:.3rem}.btn{align-items:center;background-color:#fff;border:none;border-radius:2rem;display:flex;padding:.75rem 1.5rem}.btnimg{height:1rem;margin:0 .5rem;object-fit:cover}@media screen and (max-width:380px){.bg{right:-1vh}.para{color:#28fbfbe6}}#skills{height:100vh;margin:0 auto;max-width:80rem;overflow:hidden;position:relative;width:100vw}.skilltittle{align-items:center;display:flex;font-size:3rem;font-weight:700;justify-content:center}.myimage{border-radius:5px;height:auto;height:100%;margin-right:2rem;max-width:100%;transition:box-shadow .3s ease-in-out;width:430px}.myimage:hover{box-shadow:0 0 20px skyblue,0 0 30px skyblue,0 0 40px skyblue}.toblur{align-items:center;background:#0000;background-color:#46777429;border-radius:.5rem;justify-content:space-around;margin:0 auto;max-width:80rem;padding:2rem}.aboutme,.toblur{display:flex;width:100vw}.aboutme{flex-direction:column;max-width:1.5rem;max-width:80%;text-align:left}.skillDest{font-size:1rem;font-weight:400;height:100%;max-width:51rem;padding:0 2rem}.skillbar{background:#4677741f;border-radius:.5rem;display:flex;margin:1rem;padding:1.5rem 2rem}.skillbarimg{height:3rem;margin-right:2rem;object-fit:cover;width:3rem}.skillbarText>p{font-size:.9rem;font-weight:200;padding-top:.4rem}@media screen and(max-width:720px){.skillbarText>p{font-size:2vw}}@media screen and (max-width:480px){.skillbarText>p{font-size:2vw}.skillbarimg{height:2.25rem;width:2.25rem}.skillbarText>h2{font-size:5vw}}#myskill{align-items:center;display:flex;font-size:2rem;font-weight:600;height:auto;justify-content:center;margin-top:3rem}#myskill,.skill{position:relative}.skill{height:100vh;padding:0 0 50px;width:100vw}.skill-bx{background:#25271e2e;border-radius:64px;margin-top:10px;padding:60px 50px;text-align:center}.skill h2{font-size:45px;font-weight:700}.skill p{color:#b8b8b8;font-size:18px;letter-spacing:.8px;line-height:1.5em;margin:14px 0 75px}.skill-slider{margin:0 auto;position:relative;width:80%}.skill-slider .item img{margin:0 auto 15px;width:50%}.background-image-left{align-items:center;bottom:0;height:80%;justify-content:center;position:absolute;top:5%;width:40%;z-index:-4}@font-face{fallback:fallback;font-family:revicons;src:url(/my_project/static/media/revicons.e8746a624ed098489406.woff) format("woff"),url(/my_project/static/media/revicons.57fd05d4ae650374c8de.ttf) format("ttf"),url(/my_project/static/media/revicons.a77de540a38981833f9e.eot) format("ttf")}.react-multi-carousel-list{align-items:center;display:flex;overflow:hidden;position:relative}.react-multi-carousel-track{-webkit-backface-visibility:hidden;backface-visibility:hidden;display:flex;flex-direction:row;list-style:none;margin:0;padding:0;position:relative;transform-style:preserve-3d;will-change:transform,transition}.react-multiple-carousel__arrow{background:#00000080;border:0;border-radius:35px;cursor:pointer;min-height:43px;min-width:43px;opacity:1;outline:0;position:absolute;transition:all .5s;z-index:1000}.react-multiple-carousel__arrow:hover{background:#000c}.react-multiple-carousel__arrow:before{color:#fff;display:block;font-family:revicons;font-size:20px;position:relative;text-align:center;z-index:2}.react-multiple-carousel__arrow:disabled{background:#00000080;cursor:default}.react-multiple-carousel__arrow--left{left:calc(4% + 1px)}.react-multiple-carousel__arrow--left:before{content:"\e824"}.react-multiple-carousel__arrow--right{right:calc(4% + 1px)}.react-multiple-carousel__arrow--right:before{content:"\e825"}.react-multi-carousel-dot-list{bottom:0;display:flex;justify-content:center;left:0;list-style:none;margin:0;padding:0;position:absolute;right:0;text-align:center}.react-multi-carousel-dot button{border:2px solid grey;border-radius:50%;box-shadow:none;cursor:pointer;display:inline-block;height:12px;margin:0 6px 0 0;opacity:1;outline:0;padding:0;transition:background .5s;width:12px}.react-multi-carousel-dot button:hover:active,.react-multi-carousel-dot--active button{background:#080808}.react-multi-carousel-item{-webkit-backface-visibility:hidden;backface-visibility:hidden;transform-style:preserve-3d}@media (-ms-high-contrast:active),(-ms-high-contrast:none){.react-multi-carousel-item{flex-shrink:0!important}.react-multi-carousel-track{overflow:visible!important}}[dir=rtl].react-multi-carousel-list{direction:rtl}.rtl.react-multiple-carousel__arrow--right{left:calc(4% + 1px);right:auto}.rtl.react-multiple-carousel__arrow--right:before{content:"\e824"}.rtl.react-multiple-carousel__arrow--left{left:auto;right:calc(4% + 1px)}.rtl.react-multiple-carousel__arrow--left:before{content:"\e825"}#porfolio{height:100vh;max-width:60rem;min-height:calc(100vh - 4rem);padding:50px 0;width:100vw}.subtittle{display:flex;font-size:2.7rem;justify-content:center;margin-bottom:2rem}.worklist{align-items:center;background-color:#111616;display:flex;height:50vh;justify-content:space-evenly;margin-bottom:4rem;position:-webkit-sticky;position:sticky}.chatapp,.shoppingapp,.tetris{grid-gap:20rem;background-color:#1929308a;border-radius:.5rem;display:grid;gap:20rem;grid-template-columns:repeat(3,1fr);height:17rem;margin:auto;object-fit:cover;padding:30px;transition:transform 1s;width:15rem}.work{border-radius:10px;overflow:hidden;position:relative}.project{font-size:1.5rem;font-weight:300}.effect{font-size:.75rem;max-width:15rem;position:relative}.link1{background:#fff;border-radius:50px;color:#f45900;cursor:pointer;font-size:1rem;margin-right:1rem;margin-top:1rem;object-fit:cover;padding:.25rem .5rem}.layer{align-items:center;background:linear-gradient(#cc963899,#f45900);bottom:0;display:flex;flex-direction:column;height:0;justify-content:center;left:0;overflow:hidden;padding:0 40px;position:absolute;transition:height .5s;width:100%}.link1 a{color:#f45900}.work:hover .chatapp,.work:hover .shoppingapp,.work:hover .tetris{transform:scale(1.1)}.work:hover .layer{height:100%}#contactpage{margin:0 auto;max-width:60rem;min-height:calc(100vh - 4rem);text-align:center;width:100vw}.contactpagetittle{font-size:2rem;margin-bottom:1rem}.contactDest{font-size:medium;font-weight:300;padding:1rem}.contactform{align-items:center;display:flex;flex-direction:column;justify-content:center;margin:1rem;max-width:60rem;width:90vw}.email,.msg,.name{background-color:#333131;color:#fff;font-size:medium;margin:.5rem;max-width:40rem;padding:.5rem 1rem;width:100%}.email,.msg,.name,.submitbtn{border:none;border-radius:.5rem}.submitbtn{background-color:#fff;cursor:pointer;margin:2rem;padding:.75rem 3.5rem}.links{display:flex;flex-direction:row;flex-wrap:wrap}.link{cursor:pointer;height:2rem;margin:1rem;object-fit:cover;width:2rem}.footer{align-items:center;background-color:#121718;display:flex;font-size:small;font-weight:300;height:3rem;justify-content:center;width:100vw}*{background:#0000;box-sizing:border-box;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0;padding:0;text-decoration:none}body{background:#000;color:#e4e1e1;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;overflow-y:scroll}
/*# sourceMappingURL=main.81f94660.css.map*/