@import url(https://fonts.googleapis.com/css2?family=Abril+Fatface&display=swap);@import url(https://fonts.googleapis.com/css2?family=Abril+Fatface&family=Oswald:wght@200&display=swap);@import url(https://fonts.googleapis.com/css2?family=Abril+Fatface&family=Kalam:wght@300&family=Oswald:wght@200&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}:root{--heading-color:#64ffda;--text-color:#64ffdb}*{box-sizing:border-box;margin:0;padding:0}a{text-decoration:none}.app{background-color:#000;background-position:50%;background-repeat:no-repeat;background-size:cover;height:100vh;overflow:hidden;position:relative;width:100vw}.app-bg{cursor:crosshair;inset:0;position:fixed}.app-content{height:100vh;overflow:hidden;scroll-behavior:smooth;width:100vw}.page-container{display:flex}.page{min-height:100vh;min-width:100vw}.interactive{isolation:isolate;z-index:100}::-webkit-scrollbar{display:none}.about-container{display:grid;height:100vh;max-width:100vw;overflow:hidden;place-items:center}.about-content{align-items:center;display:flex;justify-content:space-around;padding-inline:2rem;width:100vw}.about-info{display:flex;flex-direction:column;justify-content:center}.about-name{-webkit-font-feature-settings:"smcp";font-feature-settings:"smcp";color:#64ffda;font-family:Oswald,sans-serif;font-size:3rem;font-variant:small-caps;margin-bottom:2rem}.about-para{color:#64ffdb;font-family:Courier New,Courier,monospace;font-size:1.2rem;max-width:41rem;white-space:pre-wrap}.about-para:first-letter{color:#00fff2;font-size:2rem;font-weight:700}.nav-btn-box{align-items:center;display:flex;gap:2rem;justify-content:flex-end;margin:1rem 1rem 0 auto}.resume-btn{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background-color:#64ffdb0f;border:1px solid #64ffdb11;border-radius:7px;color:#64ffdb;cursor:pointer;padding:5px 25px;-webkit-user-select:none;user-select:none}.resume-btn:active{scale:.98}.resume-btn:hover{color:#fff}.contacts-box{display:flex;gap:1rem;margin-top:2rem}.contacts-box a{align-items:center;border-radius:50%;color:#64ffda55;cursor:pointer;display:flex;justify-content:center;padding:8px;transition:all .15s ease}.contacts-box a:hover{color:#64ffda}.book{background-color:#fff;box-shadow:inset 300px 0 50px rgba(0,0,0,.5),0 20px 100px rgba(0,0,0,.5);height:380px;margin-top:0;min-width:250px;position:relative;-webkit-transform:perspective(2000px);transform:perspective(2000px);-webkit-transform:rotate(-10deg);transform:rotate(-10deg);transition:all 1s}.book:hover{box-shadow:inset 20px 0 50px rgba(0,0,0,.5),0 10px 100px rgba(0,0,0,.5);-webkit-transform:perspective(2000px) rotate(-5deg);transform:perspective(2000px) rotate(-5deg)}.book:after{content:"";height:100%;right:-5px;top:0;width:5px}.book .book-image{height:100%;left:-1px;position:relative;top:-1px;-webkit-transform-origin:left;transform-origin:left;transition:1s;width:100%}.book-image img{height:100%;object-fit:cover;width:100%}.book .dtails{box-sizing:border-box;color:#000;font-family:Segoe Script;font-size:14px;height:100%;overflow:hidden;padding:5% 2% 5% 10%;top:0;z-index:-1}.book .dtails,.book-name{color:#444;left:0;position:absolute;width:100%}.book-name{font-family:fantasy;font-size:25px;text-align:center;top:15%;-webkit-transform-origin:left;transform-origin:left;transition:1s}.book:hover .book-image{-webkit-transform:rotateY(-180deg);transform:rotateY(-180deg)}.book:hover .book-name{-webkit-transform:translate(-10%) rotateY(-150deg);transform:translate(-10%) rotateY(-150deg)}@media only screen and (max-width:1100px){.contacts-box{display:grid;grid-template-columns:1fr 1fr}}@media only screen and (max-width:760px){.about-container{overflow-y:auto}.about-name{font-size:2rem;margin-bottom:1rem}.contacts-box{grid-template-columns:1fr}}@media only screen and (max-width:600px){.about-content{flex-direction:column-reverse;margin-top:100px}.about-para{isolation:isolate;z-index:100}}@media only screen and (max-width:400px){.nav-btn-box{flex-direction:column;gap:1rem;margin:1rem auto}.contacts-box{align-items:flex-start;flex-direction:column}.book{margin-bottom:50px}}.skill-container{align-items:center;display:flex;flex-direction:row;height:100vh;justify-content:center;max-width:100vw}.skill-content{width:40vw}.skill-heading{-webkit-font-feature-settings:"smcp";font-feature-settings:"smcp";color:#64ffda;font-family:Oswald,sans-serif;font-size:3rem;font-variant:small-caps;margin-bottom:1.5rem}.skills-container{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#ffffff04;border:1px solid #64ffda22;border-radius:8px;padding:0 10px 15px}.skill-box{font-size:23px}.skill-box:hover{background-color:var(--skillBgclr)}.back-btn{align-items:center;border:1px solid #64ffda22;border-radius:7px;color:#64ffda;display:flex;justify-content:center;margin:2rem auto 0;padding:5px 20px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media only screen and (max-width:900px){.skill-heading{margin-top:80px}.skill-content{width:60vw}.skills-container{margin-bottom:100px}}@media only screen and (max-width:500px){.skill-heading{font-size:2rem}.skill-box{font-size:19px}.skill-content{width:80vw}}.home-container{height:100vh;max-width:100vw;overflow:hidden}.home-container,.home-container .content{align-items:center;display:flex;flex-direction:column;justify-content:center}.home-container .content{padding:10px}#anim_name{fill:transparent;stroke:#1587a1;stroke-width:1.5;align-self:center;-webkit-animation:fill-word 1s ease 5s forwards;animation:fill-word 1s ease 5s forwards;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}#anim_name path:first-of-type{stroke-dasharray:482;stroke-dashoffset:482}#anim_name path:first-of-type,#anim_name path:nth-of-type(2){-webkit-animation:stroke-word 4s ease 2s forwards;animation:stroke-word 4s ease 2s forwards}#anim_name path:nth-of-type(2){stroke-dasharray:390;stroke-dashoffset:390}#anim_name path:nth-of-type(3){stroke-dasharray:414;stroke-dashoffset:414}#anim_name path:nth-of-type(3),#anim_name path:nth-of-type(4){-webkit-animation:stroke-word 4s ease 2s forwards;animation:stroke-word 4s ease 2s forwards}#anim_name path:nth-of-type(4){stroke-dasharray:268;stroke-dashoffset:268}#anim_name path:nth-of-type(5){stroke-dasharray:287;stroke-dashoffset:287}#anim_name path:nth-of-type(5),#anim_name path:nth-of-type(6){-webkit-animation:stroke-word 4s ease 2s forwards;animation:stroke-word 4s ease 2s forwards}#anim_name path:nth-of-type(6){stroke-dasharray:405;stroke-dashoffset:405}#anim_name path:nth-of-type(7){stroke-dasharray:764;stroke-dashoffset:764}#anim_name path:nth-of-type(7),#anim_name path:nth-of-type(8){-webkit-animation:stroke-word 4s ease 2s forwards;animation:stroke-word 4s ease 2s forwards}#anim_name path:nth-of-type(8){stroke-dasharray:406;stroke-dashoffset:406}#anim_name path:nth-of-type(9){stroke-dasharray:390;stroke-dashoffset:390}#anim_name path:nth-of-type(10),#anim_name path:nth-of-type(9){-webkit-animation:stroke-word 4s ease 2s forwards;animation:stroke-word 4s ease 2s forwards}#anim_name path:nth-of-type(10){stroke-dasharray:292;stroke-dashoffset:292}#anim_name path:nth-of-type(11){stroke-dasharray:424;stroke-dashoffset:424}#anim_name path:nth-of-type(11),#anim_name path:nth-of-type(12){-webkit-animation:stroke-word 4s ease 2s forwards;animation:stroke-word 4s ease 2s forwards}#anim_name path:nth-of-type(12){stroke-dasharray:406;stroke-dashoffset:406}@-webkit-keyframes stroke-word{to{stroke-dashoffset:0}}@keyframes stroke-word{to{stroke-dashoffset:0}}@-webkit-keyframes fill-word{0%{fill:transparent}to{fill:#05c6d8}}@keyframes fill-word{0%{fill:transparent}to{fill:#05c6d8}}.btn{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background-color:rgba(5,155,214,.133);border:1px solid rgba(5,155,214,.133);border-radius:8px;color:teal;cursor:pointer;font-family:cursive;font-size:14px;height:35px;transition:background-color .2s ease,scale .05s ease;transition:.2s;width:150px}.aboutme-btn{align-items:center;display:flex;gap:5px;justify-content:center}.btn:hover{background-color:#fff;border-color:#fff;box-shadow:0 0 10px #fff}.btn:active{scale:.98}@media only screen and (max-width:900px){#anim_name{width:600px}}@media only screen and (max-width:615px){#anim_name{width:400px}}@media only screen and (max-width:400px){#anim_name{width:380px}}@media only screen and (max-width:360px){#anim_name{width:300px}}.project-container{align-items:center;display:flex;height:100vh;justify-content:space-around;max-width:100vw;overflow:auto}.project-list{display:flex;flex-direction:column}.project-list-item{align-items:center;color:#64ffda;cursor:pointer;display:flex;font-size:23px;gap:3px;margin-bottom:5px;opacity:.7;transition:all .2s ease}.project-list-item:hover{color:#64ffda;opacity:1}.project-list-item .arr-icon{transition:all .2s ease}.project-list-item:hover .arr-icon{translate:15px 0}.skill-nav-btn{align-items:center;border:1px solid #64ffda22;border-radius:7px;color:#64ffda;display:flex;font-size:15px;justify-content:center;margin-top:2rem;padding:5px 20px;transition:all .2s ease;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.skill-nav-btn:hover{background-color:#64ffda44}.proj-heading{-webkit-font-feature-settings:"smcp";font-feature-settings:"smcp";color:#64ffda;font-family:Oswald,sans-serif;font-size:3rem;font-variant:small-caps;margin-bottom:2rem}.project-info{aspect-ratio:3/2;cursor:pointer;overflow:hidden;position:relative;transition:all 1s ease;width:50vw}.proj-img{border:1px solid #64ffdb22;height:100%;padding:8px;width:100%}.proj-details{align-items:flex-start;background-color:#00292bbb;display:flex;flex-direction:column;inset:2px;padding:20px;position:absolute;transition:all .2s ease}.project-info:hover .proj-details{background-color:#00292b55}.project-info:hover .proj-details *{color:transparent}.proj-details h1{-webkit-font-feature-settings:"smcp";font-feature-settings:"smcp";color:#64ffda;font-family:Oswald,sans-serif;font-variant:small-caps;letter-spacing:1px;margin-bottom:2rem}.proj-details p{color:#64ffdaaa;font-family:Courier New,Courier,monospace;max-width:80%}.proj-details .tech-used{align-items:center;-webkit-column-gap:2rem;column-gap:2rem;display:flex;flex-wrap:wrap;margin-top:auto;min-width:100%;row-gap:.5rem}.tech-used span{color:#64ffda88;font-size:14px}@media only screen and (max-width:850px){.project-list-item{font-size:18px}.project-info{width:60vw}}@media only screen and (max-width:700px){.project-container{flex-direction:column-reverse;gap:2rem;justify-content:center}.project-container .proj-wrapper{margin-bottom:250px;padding:2px}.project-list{grid-column-gap:1rem;-webkit-column-gap:1rem;column-gap:1rem;display:grid;grid-template-columns:repeat(2,auto);padding:0 1rem}.proj-heading{font-size:2rem;margin-bottom:1rem;padding-left:1rem}.project-container .proj-view{margin-top:80px}.project-info{width:85vw}.proj-details h1{font-size:18px;margin-bottom:1rem}}@media only screen and (max-width:400px){.project-list{align-items:center;grid-template-columns:repeat(1,auto)}.proj-details h1{font-size:18px;margin-bottom:1rem}.proj-details p{font-size:14px;max-width:100%}.proj-details .tech-used{-webkit-column-gap:1rem;column-gap:1rem;row-gap:.3rem}.tech-used span{font-size:12px}}.circle{height:120px;left:0;margin:0 0 0 1.5rem;outline:none;position:fixed;top:0;width:120px}.circle,.star-box{align-items:center;border-radius:50%;display:flex;justify-content:center}.star-box{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);border:1px solid #ffffff11;box-shadow:inset 0 0 10px 5px #64ffda22;height:70px;object-fit:cover;overflow:hidden;position:absolute;transition:.3s;-webkit-user-select:none;user-select:none;width:70px}.circle:focus .star-box,.circle:hover .star-box{background-color:#000;border-color:#000;box-shadow:0 0 15px #000;-webkit-filter:invert(1);filter:invert(1)}.circle:hover .text span{color:#fff}.star-box span{-webkit-text-stroke-color:transparent;-webkit-text-stroke-width:2px;-webkit-background-clip:text;background-clip:text;background-image:linear-gradient(30deg,#ee7752,#e73c7e,#23a6d5,#23d5ab);color:transparent;font-size:3rem;height:100%;z-index:10}.text{-webkit-animation:rotateText 10s linear infinite;animation:rotateText 10s linear infinite;height:100%;width:100%}.text,.text span{position:absolute}.text span{background-color:#64ffda66;border-radius:50%;height:4px;left:50%;margin-top:15px;-webkit-transform-origin:50% 45px;transform-origin:50% 45px;transition:.3s;translate:-50% 0;width:4px}@-webkit-keyframes rotateText{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes rotateText{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.icon-box{display:flex;gap:1rem;isolation:isolate;justify-content:center;margin:1.5rem;position:fixed;right:0;z-index:1010}.icon-box a{border-radius:50%;outline:none}.icon{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background-color:#d8054b22;border:1px solid #ffffff11;border-radius:50%;height:40px;overflow:hidden;transition:.2s;width:40px}.icon img{height:100%;object-fit:cover;width:100%}.icon-box a:focus .icon,.icon-box a:hover .icon{background-color:#fff;border-color:#fff;box-shadow:0 0 15px #fff}.icon-box a:focus .icon img,.icon-box a:hover .icon img{-webkit-filter:invert(1);filter:invert(1)}.icon.active{background-color:#fff;border-color:#fff;box-shadow:0 0 10px #fff}.icon.active img{-webkit-filter:invert(1);filter:invert(1)}@media only screen and (max-width:400px){.circle{height:100px;width:100px}.star-box{height:50px;width:50px}.star-box span{font-size:2rem}.text span{-webkit-transform-origin:50% 35px;transform-origin:50% 35px}.icon-box{margin:1rem}.icon{height:30px;width:30px}}
/*# sourceMappingURL=main.085d1d82.css.map*/