@import url(https://fonts.googleapis.com/css2?family=Comforter&family=Dongle:wght@300;400;700&family=Kaushan+Script&family=Mochiy+Pop+P+One&family=Open+Sans:wght@300;400;700&family=Ubuntu+Mono:ital,wght@0,400;0,700;1,400;1,700&family=Ubuntu:ital,wght@0,300;0,400;0,700;1,300;1,500;1,700&family=Varela+Round&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.main{margin:0;width:100vw;z-index:-1000}html{scroll-behavior:smooth}.container{align-items:center;display:flex;font-family:Ubuntu,sans-serif;height:105vh;justify-content:center;position:relative;transition:.2s;z-index:80}.container,.container-top{background-color:#262626;width:100vw}.container-top{height:60px;position:absolute;top:0}.container-topcode{top:45px}.container-bottomcode,.container-topcode{align-items:center;color:#9d9a9a;display:flex;font-size:25px;height:100px;justify-content:center;left:40px;position:absolute;width:150px}.container-bottomcode{bottom:0}.div-top{top:100px}.div-bottom,.div-top{align-items:center;color:#9d9a9a;display:flex;font-size:20px;height:80px;justify-content:center;left:50px;margin-left:7vw;position:absolute;width:100px}.div-bottom{bottom:50px}.img{background-color:#262626;border-radius:15px;height:22vw;justify-content:center;left:50px;margin:10px 20px;position:relative;width:25vw}.container-middle,.img{align-items:center;display:flex}.container-middle{color:#fff;height:80vh;justify-self:center;position:absolute}.container-middle,.content{font-family:Varela Round,sans-serif}.heading{color:#9acd32;cursor:pointer;font-family:Ubuntu,sans-serif;font-size:40px;margin:10px 0}@media screen and (max-width:380px){.description{font-size:16px!important;width:65vw}}@media screen and (max-width:650px){.container{height:100vh}.description{font-size:20px;width:65vw}.img1{width:25vw}.input-box,.input-message,.submit-button{width:80vw}}@-webkit-keyframes bounce{0%{-webkit-transform:scale(1) translateY(0);transform:scale(1) translateY(0)}10%{-webkit-transform:scale(1.1,.9) translateY(0);transform:scale(1.1,.9) translateY(0)}30%{-webkit-transform:scale(.9,1.1) translateY(-10px);transform:scale(.9,1.1) translateY(-10px)}50%{-webkit-transform:scale(1.05,.95) translateY(0);transform:scale(1.05,.95) translateY(0)}58%{-webkit-transform:scale(1) translateY(-7px);transform:scale(1) translateY(-7px)}65%{-webkit-transform:scale(1) translateY(0);transform:scale(1) translateY(0)}to{-webkit-transform:scale(1) translateY(0);transform:scale(1) translateY(0)}}@keyframes bounce{0%{-webkit-transform:scale(1) translateY(0);transform:scale(1) translateY(0)}10%{-webkit-transform:scale(1.1,.9) translateY(0);transform:scale(1.1,.9) translateY(0)}30%{-webkit-transform:scale(.9,1.1) translateY(-10px);transform:scale(.9,1.1) translateY(-10px)}50%{-webkit-transform:scale(1.05,.95) translateY(0);transform:scale(1.05,.95) translateY(0)}58%{-webkit-transform:scale(1) translateY(-7px);transform:scale(1) translateY(-7px)}65%{-webkit-transform:scale(1) translateY(0);transform:scale(1) translateY(0)}to{-webkit-transform:scale(1) translateY(0);transform:scale(1) translateY(0)}}.brand{display:flex;height:60px;left:0;margin-left:15px;position:absolute;width:100px}.top{display:flex;position:fixed;width:100vw;z-index:110}.navbar,.top{align-items:center;background-color:#111;height:60px}.navbar{display:inline-flex;margin-right:15px;position:absolute;right:25px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.navbar,.navbar a{font-family:Dongle,sans-serif;z-index:100}.navbar a{align-items:center;color:#868686;display:flex;font-size:25px;justify-content:center;margin:0 8px;text-decoration:none;width:70px}.navbar a:hover{background-color:#000;border-radius:5px;color:#fff}@media screen and (max-width:620px){.navbar{align-items:center;display:none;flex-direction:column;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;justify-content:center;margin-right:0;position:absolute;right:0;top:60px;width:100vw;z-index:100}.sidebar{display:flex!important}.navbar a{align-items:center;justify-content:center;margin:5px 0;width:90vw;z-index:100}}@media screen and (min-width:621px){.navbar{display:flex!important}}.sidebar{align-items:center;color:#868686;cursor:pointer;display:none;height:35px;justify-content:center;padding:15px;position:absolute;right:20px;width:40px}.icons{height:30px}.sidebar :hover{color:#fff}.content{align-items:center;display:flex;flex-direction:column;justify-content:center;width:40vw}.hi,.iam{margin:5px 0}.iam{cursor:pointer;font-size:40px}.namehover{display:inline-block;transition:.2s}.namehover:hover{-webkit-animation:bounce 1s ease;animation:bounce 1s ease;color:#9acd32}.dev{color:#fff;margin:5px 0;width:-webkit-max-content;width:max-content}.img2{display:flex;height:30vw;position:absolute;right:0;width:30vw}.cursor{color:#9acd32;font-size:35px}@media screen and (max-width:950px){.container-middle{align-items:center;flex-direction:column;justify-content:center}.content{margin:15px 0;width:70vw}.img{height:40vw;left:auto;margin:10px 0;width:40vw}}.page{height:150vh}.description{font-family:Ubuntu,sans-serif;font-size:20px;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;line-height:1.5;margin:0;width:50vw}.img1{border-radius:10px;cursor:pointer;margin:10px 0;transition:.3s;width:20vw;z-index:100}.img1:hover{-webkit-transform:scale(1.2);transform:scale(1.2)}@media screen and (max-width:950px){.description{width:65vw}.img1{width:23vw}}.link{color:#fff;text-decoration:none}.icons-div{display:flex;height:25vw;margin:30px 50px;position:relative;top:2%;width:25vw}.icons-skills{height:8vw;margin:10px;position:absolute;transition:1s;width:8vw}.page1{height:120vh}.c{left:38%;top:0}.firebase{right:-15px;top:0}.html{height:6vw;left:5%;top:38%;width:6vw}.css{bottom:-5px;left:0}.js{bottom:0;height:6vw;left:38%;width:6vw}.node{bottom:0;right:-10px}.react{height:6vw;right:0;top:38%;width:6vw}.github{height:9vw;left:32%;top:32%;width:9vw}@media screen and (max-width:950px){.container-middle{align-items:center;height:100vh;justify-content:center;margin:0 0 30px}.icons-div{height:40vw;margin:30px 0;width:40vw}.page1{height:120vh}.icons-skills{height:10vw;width:10vw}.html{left:1.5vw}.html,.js{height:8.5vw;width:8.5vw}.github{left:36%;top:35%}.react{height:9vw;width:9vw}}@media screen and (max-width:620px){.container-middle{align-items:center;height:120vh;justify-content:center;margin:0 0 30px}.icons-div{height:60vw;margin:30px 0;width:60vw}.page1{height:180vh!important}.icons-skills{height:15vw;width:15vw}.html,.js,.react{height:13vw;width:13vw}.github{left:37%}}.bottom{align-items:center;background-color:none;bottom:-10vh;color:#000;display:flex;flex-direction:column;height:50vh;justify-content:center;left:0;position:fixed;width:60px;z-index:100}.icon{color:#fff;cursor:pointer;font-size:30px;padding:5px 8px;position:relative}.line{background-color:#fff;border-radius:5px;height:25vh;transition-duration:.2s;width:2px}.icon-hover:hover .icon{color:#9acd32;top:-4px}.project-page{display:flex;height:350vh!important}.project-middle{display:block;flex-direction:column;height:-webkit-max-content!important;height:max-content!important}.middle,.project-middle{align-items:center;justify-self:center}.middle{color:#fff;display:flex;font-family:Varela Round,sans-serif;height:80vh;margin:40px auto;position:relative;width:-webkit-max-content;width:max-content}.hover1{color:#9acd32;display:inline-block}.device{align-items:center;flex-direction:row;height:-webkit-max-content;height:max-content;margin-right:30vh;right:0;width:-webkit-max-content;width:max-content}.device,.laptop{display:flex;justify-content:center;position:relative}.laptop{border-radius:10px;flex-direction:column;height:50vh;left:8vh;width:50vh}.lapmid{background-color:#000;border-radius:5px;height:30vh;margin-top:5px;width:48vh}.lapbottom,.lapmid{align-items:center;display:flex;justify-content:center}.lapbottom{background-color:#cac5c5;border-radius:0 0 10px 10px;bottom:0;height:7vh;position:absolute;width:50vh}.lapupper{background-color:#272525;border:2px solid #323232;border-radius:10px;height:40vh;position:relative;width:50vh}.laplower,.lapupper{display:flex;justify-content:center}.laplower{align-items:center;flex-direction:column}.lup{border-top:1px solid #cac5c5;height:3vh;width:10vh}.ldo,.lup{background-color:#cac5c5;display:flex}.ldo{border-radius:2px;height:2vh;width:15vh}.lapicon{display:flex;height:20px;position:absolute}.tablet{background-color:#272525;border:2px solid #323232;border-radius:10px;height:40vh;left:50vh;top:20%;width:30vh}.tablet,.tabtop{align-items:center;display:flex;justify-content:center;position:absolute}.tabtop{border:2px solid #111;border-radius:10px 10px 0 0;top:0}.tabbottom,.tabtop{background-color:#111;height:5vh;width:29vh}.tabbottom{border:2px solid #111;border-radius:0 0 10px 10px;bottom:0;justify-content:center;position:absolute}.tabbottom,.tabmid{align-items:center;display:flex}.tabmid{background-color:#aea7a7;height:28vh;width:28vh}.circle{background-color:#000;border:1px solid #9b9797;border-radius:50%;display:flex;height:2.5vh;width:2.5vh}.phone{background-color:#272525;border:2px solid #323232;border-radius:20px;height:30vh;left:0;top:40%;width:20vh;z-index:1}.phone,.phonetop{align-items:center;display:flex;justify-content:center;position:absolute}.phonetop{background-color:#111;border:2px solid #111;border-radius:20px 20px 0 0;height:3vh;top:0;width:19vh}.phonemid{background-color:#aea7a7;height:22vh}.phonebottom,.phonemid{align-items:center;display:flex;width:19vh}.phonebottom{background-color:#111;border:2px solid #111;border-radius:0 0 20px 20px;bottom:0;height:3vh;justify-content:center;position:absolute}.devmain{align-items:center;display:inline-flex;flex-direction:row;height:-webkit-max-content;height:max-content;justify-content:center;justify-content:space-evenly;margin:8vh 0 0;width:100%}.contamain{align-items:center;color:#fff;display:flex;flex-direction:column;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;justify-content:center;position:relative;width:-webkit-max-content;width:max-content}.hr{border:1px solid #fff;border-radius:1px;color:#000;height:1px;width:5vh}@media screen and (max-width:800px){.device{margin:0;width:85vw}.phone{border-radius:10px;height:24vw;left:6vw;width:15vw}.phonetop{border-radius:10px 10px 0 0;height:2vw;width:14vw}.phonemid{height:18vw;width:14vw}.phonebottom{border-radius:0 0 10px 10px;height:2vw;width:14vw}.circle{height:1.5vw;width:1.5vw}.tablet{height:30vw;left:55vw;top:30%;width:22vw}.tabtop{height:2vw;width:21vw}.tabmid{height:24vw;width:21vw}.tabbottom{height:2vw;width:21vw}.laptop{height:45vw;left:-2vw;width:45vw}.lapmid{height:29vw;width:42vw}.lapbottom{height:3vw;width:42vw}.lapupper{height:35vw;width:43vw}.laplower{height:4vw;width:45vw}.lup{height:2vw;width:7vw}.ldo{height:1.5vw;width:10vw}.lapicon{height:2.5vw;width:2.5vw}}.border,.portimg{border:1px solid #9acd32}.portimg:hover{-webkit-transform:scale(1.3)!important;transform:scale(1.3)!important}@media screen and (max-width:1000px){.project-page{height:400vh!important}.devmain{align-items:center;display:flex;flex-direction:column;justify-content:center}.contamain{align-items:center;justify-self:center;margin:0 auto;width:100%}}.contact-form{align-items:center;display:flex;flex-direction:column;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;justify-content:center;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;z-index:10}.input-box{background-color:#3c3939;border:1px solid #fff;border-radius:10px;color:#afa9a9;font-family:Dongle,sans-serif;font-size:25px;height:30px;margin:2vh;padding:5px;width:40vw}.input-box:active{border:1px solid #9acd32}.input-message{align-items:normal;background-color:#3c3939;border:1px solid #fff;border-radius:10px;color:#afa9a9;font-family:Dongle,sans-serif;font-size:35px;height:30vh;margin:2vh;padding:5px;text-align:start;width:40vw}.submit-button{align-items:center;background-color:#9acd32;border:none;border-radius:10px;cursor:pointer;display:flex;height:30px;justify-content:center;padding:5px;width:40vw}@media screen and (max-width:650px){.input-box,.input-message,.submit-button{width:70vw}}.input-box:focus input{border:1px solid #9acd32!important}
/*# sourceMappingURL=main.808f692d.css.map*/