@import url(https://fonts.googleapis.com/css?family=La+Belle+Aurore);@import url(http://fonts.googleapis.com/css?family=Manrope:400,500,600,700,800);@import url(https://fonts.googleapis.com/css?family=Droid+Sans+Mono);@font-face{font-family:CircularStd;src:url(/_next/static/media/CircularStd-Book.21a2c3d36dbaade80e2cb7491ad0dc7d.woff);font-weight:500;font-style:normal;font-display:block}@font-face{font-family:CircularStd;src:url(/_next/static/media/CircularStd-Book.21a2c3d36dbaade80e2cb7491ad0dc7d.woff);font-weight:400;font-style:normal;font-display:block}@font-face{font-family:CircularStd;src:url(/_next/static/media/CircularStd-Book.21a2c3d36dbaade80e2cb7491ad0dc7d.woff);font-weight:100;font-style:normal;font-display:block}body,html{padding:0;margin:0;color:#444;background-color:#101010;overflow:hidden!important;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}button{background:none;border:none;cursor:pointer}button:focus{outline:none}a{color:#9b71ff;text-decoration:none}a:hover{text-decoration:underline}p{margin:0;font-size:18px;letter-spacing:1px}@media(max-width:500px){p{font-size:16px;letter-spacing:normal}}.link{text-decoration:none;color:#fff;margin-right:30px;padding:12px 16px;font-size:16px;font-weight:700;background-size:200% 200%;background-image:-webkit-linear-gradient(bottom,#8957ff 50%,#101010 0);background-image:linear-gradient(0deg,#8957ff 50%,#101010 0);background-position:top;border-bottom:2px solid #8957ff}.link:hover{background-position:0 100%}.children{padding-left:70px}@media(max-width:500px){.children{padding:0}}*{box-sizing:border-box}@media(max-width:500px){h1{font-size:45px!important}}nav{height:100vh;width:70px;position:fixed;top:0;left:0;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:space-between;justify-content:space-between;padding:50px 0;box-sizing:border-box}nav,nav .topbar{background-color:#181818}nav .topbar{width:100%;height:100%;display:none}nav .topbar img{width:40px}nav .topbar .logo img{width:100px}nav .main-nav{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:space-between;justify-content:space-between;width:100%;height:100%;background-color:#181818}nav .navigation div{height:65px;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;cursor:pointer}nav .navigation div:hover .icon,nav .navigation div:hover img{opacity:0;display:none}nav .navigation div:hover p{opacity:1;display:inline}nav .navigation div .icon,nav .navigation div img{opacity:1;width:25px}nav .navigation div p{font-size:11px;display:none;opacity:0;color:#8957ff;letter-spacing:1.5px}nav .socials{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:center;align-items:center;height:10%}nav .socials img{cursor:pointer;width:25px}nav .socials svg{cursor:pointer}@media(max-width:500px){nav{height:60px;width:100vw;z-index:100;padding:0}nav,nav .main-nav{-webkit-flex-direction:row;flex-direction:row;-webkit-justify-content:center;justify-content:center}nav .main-nav{-webkit-transition:all 1s cubic-bezier(.075,.82,.165,1) 0s;transition:all 1s cubic-bezier(.075,.82,.165,1) 0s}nav .topbar{z-index:20;display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;position:absolute;padding:0 20px}nav .navigation,nav .topbar div{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}nav .navigation{width:90%;-webkit-justify-content:space-between;justify-content:space-between}nav .navigation div{height:50px;width:50px}nav .socials{display:none}}.homepage{position:relative;padding:30px 50px;height:100vh;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:space-between;justify-content:space-between}.homepage span{font-family:La Belle Aurore;font-size:20px;position:absolute;opacity:.6}.homepage .text{position:relative;padding:70px 30px}.homepage .text h1{font-size:60px;color:#fff;margin:20px 0}.homepage .text p{font-size:14px;text-transform:capitalize;color:#8d8d8d;letter-spacing:3px}.homepage .contact{margin-top:20px;padding-left:30px}.homepage .contact button{letter-spacing:3px;color:#8957ff;height:50px;-webkit-transition:all 1s cubic-bezier(.075,.82,.165,1) 0s;transition:all 1s cubic-bezier(.075,.82,.165,1) 0s}.homepage .contact button:hover{color:#fff}.homepage .circle{position:absolute;right:0;display:-webkit-flex;display:flex;margin:0;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;height:100vh;width:50%}@media(max-width:500px){.homepage{padding:50px 10px;-webkit-flex-direction:column-reverse;flex-direction:column-reverse}.homepage .circle{height:25vh;width:100%;position:relative}.homepage .contact{padding-left:10px}.homepage .contact,.homepage .text{-webkit-transform:translateY(-50px);transform:translateY(-50px)}.homepage .text{padding:70px 10px}.homepage .text h1{font-size:45px}}.aboutpage{position:relative;padding:30px 50px;height:100vh;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:space-between;justify-content:space-between}.aboutpage span{font-family:La Belle Aurore;font-size:20px;position:absolute}.aboutpage .text{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:space-between;justify-content:space-between;width:48%;min-height:400px}.aboutpage .text .tag{font-family:La Belle Aurore;font-size:20px}.aboutpage .text h1{color:#8957ff;font-size:60px;margin:5px 0}.aboutpage .text .bio{margin:20px 0 20px 10px;color:#fff;font-weight:300;font-size:16px}.aboutpage .text .contact-details{color:#fff;margin-bottom:10px}.aboutpage .text .contact-details b{color:#8957ff;margin-right:10px;font-size:18px;font-weight:500}.aboutpage .circle{display:-webkit-flex;display:flex;margin:0;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;height:400px;width:50%}.aboutpage .image{width:50%}.aboutpage .image img{width:100%}.aboutpage .maps{height:100vh;width:50%;-webkit-transform:translateX(50px);transform:translateX(50px)}@media(max-width:500px){.aboutpage{padding-left:10px;-webkit-flex-direction:column-reverse;flex-direction:column-reverse}.aboutpage .text{width:100%}.aboutpage .circle,.aboutpage .image,.aboutpage .maps{display:none}}.skillspage{position:relative;padding:30px 50px;height:100vh;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:space-between;justify-content:space-between}.skillspage span{font-family:La Belle Aurore;font-size:20px;position:absolute}.skillspage .text{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:space-between;justify-content:space-between;width:48%}.skillspage .text .tag{font-family:La Belle Aurore;font-size:20px}.skillspage .text h1{color:#8957ff;font-size:60px;margin:5px 0}.skillspage .text .bio{margin:10px 0 10px 10px;color:#fff;font-weight:400}.skillspage .circle{display:-webkit-flex;display:flex;margin:0;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;height:400px;width:50%}@media(max-width:500px){.skillspage{padding-left:10px}.skillspage .text{width:100%}.skillspage .circle{display:none}}.circle-canvas{width:579px;height:587px;font-size:50px}@media(max-width:500px){.circle-canvas{width:199px;height:207px;-webkit-transform:translateY(50px);transform:translateY(50px)}}.loader{background-color:#181818;height:100vh;width:100vw;position:fixed;top:0;left:0;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;-webkit-transform:translateX(-100vw);transform:translateX(-100vw)}.loader,.loader .loading-bar{-webkit-transition:all 1s cubic-bezier(.075,.82,.165,1) 0s;transition:all 1s cubic-bezier(.075,.82,.165,1) 0s}.loader .loading-bar{min-height:5px;min-width:50%;background-size:200% 200%;background-image:-webkit-linear-gradient(left,#8957ff 50%,#101010 0);background-image:linear-gradient(90deg,#8957ff 50%,#101010 0);background-position:100%}.letter{margin:0 1px!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;cursor:pointer}.letter-holder{display:-webkit-flex;display:flex;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}@-webkit-keyframes rubber{0%{color:#8957ff;-webkit-transform:scale(1);transform:scale(1)}25%{color:#8957ff;-webkit-transform:scale(1.5,.6);transform:scale(1.5,.6)}50%{color:#8957ff;-webkit-transform:scale(1.1,.9);transform:scale(1.1,.9)}to{color:#fff;-webkit-transform:scale(1);transform:scale(1)}}@keyframes rubber{0%{color:#8957ff;-webkit-transform:scale(1);transform:scale(1)}25%{color:#8957ff;-webkit-transform:scale(1.5,.6);transform:scale(1.5,.6)}50%{color:#8957ff;-webkit-transform:scale(1.1,.9);transform:scale(1.1,.9)}to{color:#fff;-webkit-transform:scale(1);transform:scale(1)}}.workspage{position:relative;padding:30px 50px;height:100vh;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column}@media(max-width:500px){.workspage{padding:70px 5% 0}.workspage .projects{padding-top:0!important;height:100vh}}.workspage .text{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:space-between;justify-content:space-between;width:48%;margin-bottom:30px}.workspage .text h1{color:#8957ff;font-size:60px;margin:5px 0}.workspage .projects{width:100%;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;overflow-y:scroll;padding-bottom:30px;padding-top:50px;-ms-overflow-style:none;scrollbar-width:none}.workspage .projects::-webkit-scrollbar{display:none}@media(max-width:500px){.workspage .projects .project-item{margin-right:0!important;width:100%}.workspage .projects .project-item:nth-child(2n){-webkit-transform:unset!important;transform:unset!important}}.workspage .projects .project-item{margin:30px 50px 30px 0;width:400px}.workspage .projects .project-item:nth-child(2n){-webkit-transform:translateY(-50px);transform:translateY(-50px)}.workspage .projects .project-item .image{width:100%;background-color:#1d1d1d;padding:20px 0}.workspage .projects .project-item .image img{height:100%;width:100%;object-fit:contain}.workspage .projects .project-item .text-holder{min-height:100px;margin-bottom:10px}.workspage .projects .project-item .text-holder h2{font-size:25px;color:#fff;margin:15px 0;font-weight:400}.workspage .projects .project-item .text-holder p{color:#a3a3a3;font-size:14px;font-weight:300}.workspage .projects .project-item .tools{width:100%;display:-webkit-flex;display:flex;margin-bottom:20px;cursor:default}.workspage .projects .project-item .tools .tool{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;margin-right:15px;background-color:#473c64;color:#fff;font-size:12px;border:1px solid #8957ff;padding:10px 20px;cursor:default}.workspage .projects .project-item .tools .tool:hover{color:#8957ff}.workspage .projects .project-item .visit-link{cursor:pointer;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;height:30px;overflow:hidden}.workspage .projects .project-item .visit-link p{color:#fff;font-size:16px;margin-right:10px}.workspage .projects .project-item .visit-link .link-arrow{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-transform:translateY(15px);transform:translateY(15px);-webkit-transition:-webkit-transform .3s ease-in-out;transition:-webkit-transform .3s ease-in-out;transition:transform .3s ease-in-out;transition:transform .3s ease-in-out,-webkit-transform .3s ease-in-out}.workspage .projects .project-item .visit-link .link-arrow img{height:30px}.workspage .projects .project-item .visit-link:hover p{color:#8957ff}.workspage .projects .project-item .visit-link:hover .link-arrow{-webkit-transform:translateY(-15px);transform:translateY(-15px)}.workspage .projects .project-item button{font-size:16px;color:#fff}.timer{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;position:relative;width:100%;min-height:100vh;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;background-image:url(/_next/static/media/bg-stars.166881a1c03d6b1239f5dc4250bf85ad.svg);background-size:cover;background-repeat:no-repeat}.timer:before{content:"";height:100%;width:100%;background-image:url(/_next/static/media/pattern-hills.815d688fd937623063b5c111be9fc999.svg)}header{display:-webkit-flex;display:flex;position:relative}header h1{font-family:Droid Sans Mono,monospace;font-weight:lighter;text-transform:uppercase;letter-spacing:.1em;color:#fff}.flipClock{-webkit-justify-content:space-between;justify-content:space-between;width:500px}.flipClock,.flipClock h1{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}.flipClock h1{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;font-size:50px;color:#fff}.flipUnitContainer{display:block;position:relative;width:140px;height:120px;-webkit-perspective-origin:50% 50%;perspective-origin:50% 50%;-webkit-perspective:300px;perspective:300px;border-radius:3px}.lowerCard,.upperCard{display:-webkit-flex;display:flex;position:relative;-webkit-justify-content:center;justify-content:center;width:100%;height:50%;overflow:hidden;border:1px}.lowerCard span,.upperCard span{font-size:5em;font-family:Droid Sans Mono,monospace;font-weight:lighter;color:#fb6087}.upperCard{-webkit-align-items:flex-end;align-items:flex-end;border-bottom:.5px;border-top-left-radius:3px;border-top-right-radius:3px;background-color:#3a3c59;-webkit-clip-path:polygon(0 0,100% 0,97% 100%,3% 100%);clip-path:polygon(0 0,100% 0,97% 100%,3% 100%)}.upperCard span{-webkit-transform:translateY(50%);transform:translateY(50%)}.lowerCard{background-color:#343650;-webkit-align-items:flex-start;align-items:flex-start;border-top:.5px;border-bottom-left-radius:3px;border-bottom-right-radius:3px;-webkit-clip-path:polygon(3% 0,97% 0,100% 100%,0 100%);clip-path:polygon(3% 0,97% 0,100% 100%,0 100%)}.lowerCard span{-webkit-transform:translateY(-50%);transform:translateY(-50%);color:#fb6a8e}.flipCard{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;position:absolute;left:0;width:100%;height:50%;overflow:hidden;-webkit-backface-visibility:hidden;backface-visibility:hidden}.flipCard span{font-family:Droid Sans Mono,monospace;font-size:5em;font-weight:lighter;color:#fb6087}.flipCard.unfold{top:50%;-webkit-align-items:flex-start;align-items:flex-start;-webkit-transform-origin:50% 0;transform-origin:50% 0;-webkit-transform:rotateX(180deg);transform:rotateX(180deg);background-color:#343650;border-bottom-left-radius:3px;border-bottom-right-radius:3px;border:.5px;-webkit-clip-path:polygon(3% 0,97% 0,100% 100%,0 100%);clip-path:polygon(3% 0,97% 0,100% 100%,0 100%)}.flipCard.unfold span{-webkit-transform:translateY(-50%);transform:translateY(-50%);color:#fb6a8e}.flipCard.fold{top:0;-webkit-align-items:flex-end;align-items:flex-end;-webkit-transform-origin:50% 100%;transform-origin:50% 100%;-webkit-transform:rotateX(0deg);transform:rotateX(0deg);background-color:#3a3c59;border-top-left-radius:3px;border-top-right-radius:3px;border:.5px;-webkit-clip-path:polygon(0 0,100% 0,97% 100%,3% 100%);clip-path:polygon(0 0,100% 0,97% 100%,3% 100%)}.flipCard.fold span{-webkit-transform:translateY(50%);transform:translateY(50%)}.fold{-webkit-animation:fold .6s cubic-bezier(.455,.03,.515,.955) 0s 1 normal forwards;animation:fold .6s cubic-bezier(.455,.03,.515,.955) 0s 1 normal forwards}.fold,.unfold{-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.unfold{-webkit-animation:unfold .6s cubic-bezier(.455,.03,.515,.955) 0s 1 normal forwards;animation:unfold .6s cubic-bezier(.455,.03,.515,.955) 0s 1 normal forwards}@-webkit-keyframes fold{0%{-webkit-transform:rotateX(0deg);transform:rotateX(0deg)}to{-webkit-transform:rotateX(-180deg);transform:rotateX(-180deg)}}@keyframes fold{0%{-webkit-transform:rotateX(0deg);transform:rotateX(0deg)}to{-webkit-transform:rotateX(-180deg);transform:rotateX(-180deg)}}@-webkit-keyframes unfold{0%{-webkit-transform:rotateX(180deg);transform:rotateX(180deg)}to{-webkit-transform:rotateX(0deg);transform:rotateX(0deg)}}@keyframes unfold{0%{-webkit-transform:rotateX(180deg);transform:rotateX(180deg)}to{-webkit-transform:rotateX(0deg);transform:rotateX(0deg)}}