*{margin:0}@keyframes bg-scrolling{0%{background-position:50px 50px}}body,html{animation:bg-scrolling-reverse 2s infinite;animation-timing-function:linear;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAAIGNIUk0AAHolAACAgwAA+f8AAIDpAAB1MAAA6mAAADqYAAAXb5JfxUYAAAAJcEhZcwAACxMAAAsTAQCanBgAAACKSURBVGhD7drBDYQgEEDRGbugDRNpauvZpjzYxnaxKMYi/pj/LjA3fuBILutnjN8e1xpV/Y9vZLZtZOsxY6qa51/mTVSOmO4X9ezLM4TGEBpDaAyhMYTGEBpDaAyhMYTGEBpDaAyhMYTGEBpDaAyhMYTGEBpDaAyhMYTGEJr3hNyftlp/xpqy9TgB1NwVT0T7rbQAAAAASUVORK5CYII=) repeat 0 0;color:#fdfff5;font-family:IBM Plex Sans,helvetica}#my-name{background:linear-gradient(90deg,#1480fb00,#147efb,#1480fb00);background-position:100% 100%,0 100%;background-repeat:no-repeat;background-size:100% 2px,0 2px;color:#fdfff5;font-size:5vw;font-weight:700;margin-top:10px}#hero{align-items:center;border:none;display:flex;flex-direction:column;height:20vh;justify-content:center;padding-top:20px;width:calc(60vw - 10px)}#content{animation:bg-scrolling 2s infinite;animation-timing-function:linear;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAAIGNIUk0AAHolAACAgwAA+f8AAIDpAAB1MAAA6mAAADqYAAAXb5JfxUYAAAAJcEhZcwAACxMAAAsTAQCanBgAAACKSURBVGhD7drBDYQgEEDRGbugDRNpauvZpjzYxnaxKMYi/pj/LjA3fuBILutnjN8e1xpV/Y9vZLZtZOsxY6qa51/mTVSOmO4X9ezLM4TGEBpDaAyhMYTGEBpDaAyhMYTGEBpDaAyhMYTGEBpDaAyhMYTGEBpDaAyhMYTGEJr3hNyftlp/xpqy9TgB1NwVT0T7rbQAAAAASUVORK5CYII=) repeat 0 0;box-shadow:-2px 0 #147efb,-4px 0 #0464d5,-6px 0 #034ba0,-8px 0 #02326b,-10px 0 #011935;height:100vh;overflow:hidden;position:absolute;right:0;scroll-behavior:smooth;top:0;width:40vw}@keyframes blue-fade{0%{background-color:#011935}25%{background-color:#02326b}50%{background-color:#011935}75%{background-color:#02326b}to{background-color:#011935}}#profile-pic{animation:morphing 15s infinite;border-radius:50%;box-shadow:5px 2px #147efb,10px 4px #0464d5,15px 6px #034ba0,20px 8px #02326b,25px 10px #011935;height:18vw;width:12vw}@keyframes morphing{0%{border-radius:30% 70% 70% 30%/30% 30% 70% 70%;box-shadow:5px 2px #147efb,10px 4px #0464d5,15px 6px #034ba0,20px 8px #02326b,25px 10px #011935}25%{border-radius:58% 42% 75% 25%/76% 46% 54% 24%;box-shadow:5px 2px #147efb,10px 4px #0464d5,15px 6px #034ba0,20px 8px #02326b,25px 10px #011935}50%{border-radius:50% 50% 33% 67%/55% 27% 73% 45%;box-shadow:5px 2px #147efb,10px 4px #0464d5,15px 6px #034ba0,20px 8px #02326b,25px 10px #011935}75%{border-radius:33% 67% 58% 42%/63% 68% 32% 37%;box-shadow:5px 2px #147efb,10px 4px #0464d5,15px 6px #034ba0,20px 8px #02326b,25px 10px #011935}to{border-radius:30% 70% 70% 30%/30% 30% 70% 70%;box-shadow:5px 2px #147efb,10px 4px #0464d5,15px 6px #034ba0,20px 8px #02326b,25px 10px #011935}}#grad-highlight{color:red;font-weight:700}#currAge{color:#011935;font-size:1em}#bio{background-color:#147efb;border-radius:20px 20px 0 20px;box-shadow:5px 0 #0464d5,10px 0 #034ba0,15px 0 #02326b,20px 0 #011935;font-size:1em;margin-top:20px;padding:20px;text-align:center;width:70%}#msg{border:2px solid gray;border-radius:20px;box-shadow:5px 0 #666,10px 0 #4d4d4d,15px 0 #333,20px 0 #1a1a1a;color:gray;margin:20px auto;padding:10px 20px;text-decoration:none;width:70%}#msg:hover{border:2px solid #147efb;box-shadow:5px 0 #0464d5,10px 0 #034ba0,15px 0 #02326b,20px 0 #011935;color:#147efb}#profile-title{color:#fdfff5;font-size:1.5em;margin-top:20px}#profile{align-items:center;display:flex;flex-direction:column;height:100vh;justify-content:center;position:relative}@keyframes bg-scrolling-reverse{to{background-position:50px 50px}}#clock-wrapper{animation:bg-scrolling-reverse 2s infinite;animation-timing-function:linear;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAAIGNIUk0AAHolAACAgwAA+f8AAIDpAAB1MAAA6mAAADqYAAAXb5JfxUYAAAAJcEhZcwAACxMAAAsTAQCanBgAAACKSURBVGhD7drBDYQgEEDRGbugDRNpauvZpjzYxnaxKMYi/pj/LjA3fuBILutnjN8e1xpV/Y9vZLZtZOsxY6qa51/mTVSOmO4X9ezLM4TGEBpDaAyhMYTGEBpDaAyhMYTGEBpDaAyhMYTGEBpDaAyhMYTGEBpDaAyhMYTGEJr3hNyftlp/xpqy9TgB1NwVT0T7rbQAAAAASUVORK5CYII=) repeat 0 0;bottom:0;box-shadow:0 -2px #147efb,0 -4px #0464d5,0 -6px #034ba0,0 -8px #02326b,0 -10px #011935;font-size:1.5em;height:calc(30vh - 10px);position:absolute;width:calc(60vw - 10px)}#clock-items{background-color:#011935bd;border:2px solid #147efb;flex-direction:column;height:calc(100% - 40px);margin:18px auto;width:calc(100% - 40px)}#clock-items,#clock-time{align-items:center;display:flex;justify-content:center}#clock-time{flex-direction:row}.time{color:#147efb;font-size:2em;font-weight:700}#ampm{margin-left:20px}#clock-day{align-items:center;display:flex;flex-direction:row;justify-content:center;margin-top:20px}#colon,div#clock-day>p{margin:0 10px}.project-wrapper{height:100vh;position:relative;text-align:center}.project-img{border-radius:5px;box-shadow:.25vw .1vw #147efb,.5vw .2vw #0464d5,.75vw .3vw #034ba0,1vw .4vw #02326b,1.25vw .5vw #011935;height:15vw;margin:15px 0;width:30vw}.project-title{background:linear-gradient(90deg,#1480fb00,#147efb,#1480fb00);background-position:100% 100%,0 100%;background-repeat:no-repeat;background-size:100% 1px,0 2px;color:#fdfff5;font-size:1.5em;font-weight:700;margin:0 auto;padding-top:15px;width:80%}#project-description{background-color:#147efb;border-radius:20px 20px 0 20px;box-shadow:5px 0 #0464d5,10px 0 #034ba0,15px 0 #02326b,20px 0 #011935;font-size:1em;margin:15px auto 0;padding:20px;width:calc(90% - 60px)}#git-link{border-bottom:2px solid #147efb;color:#fdfff5;font-size:.8em;font-weight:400;text-decoration:none}#git-link:hover{color:#147efb}#git-container{align-items:center;display:flex;flex-direction:row;justify-content:center}#git-logo{height:20px;margin-right:4px;width:20px}#tools-wrapper{margin:15px 0}ul{align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;font-size:.8em;justify-content:center}li{background-color:#011935;border:2px solid #147efb;border-radius:20px;list-style-type:none;margin:10px 5px;padding:5px 10px}li:hover{border:2px dashed #147efb}nav{align-items:center;font-size:1.5em;height:30vh}#nav-links-wrapper,nav{display:flex;flex-direction:column;padding:0 20px}#nav-links-wrapper{animation:border-flatten-top .2s;border:1px solid #147efb;border-bottom:none;border-radius:0;margin-top:20px}@keyframes border-flatten-top{0%{border-radius:4% 4% 0 0}25%{border-radius:3% 3% 0 0}50%{border-radius:2% 2% 0 0}75%{border-radius:1% 1% 0 0}to{border-radius:0 0 0 0}}#nav-links-wrapper:hover{animation:border-curve-top .2s;border-radius:4% 4% 0 0}@keyframes border-curve-top{0%{border-radius:0 0 0 0}25%{border-radius:1% 1% 0 0}50%{border-radius:2% 2% 0 0}75%{border-radius:3% 3% 0 0}to{border-radius:4% 4% 0 0}}#nav-wrapper{align-items:center;background-color:#011935bd;border:2px solid #147efb;display:flex;flex-direction:column;height:calc(70vh - 44px);margin-left:20px;margin-top:20px;width:calc(60vw - 54px)}.nav-element{background:linear-gradient(90deg,#0000,#0000),linear-gradient(90deg,#147efb,#1480fb5a);background-position:100% 100%,0 100%;background-repeat:no-repeat;background-size:100% 2px,0 2px;color:inherit;color:#00b3ff;text-decoration:none;transition:background-size .3s}.nav-element:hover{background-size:0 3px,100% 3px}.nav-element-wrapper{margin:8px 0}#nav-element-logos{align-items:center;animation:border-flatten-bottom .2s;background-color:#1480fb66;border:1px solid #147efb;border-radius:0;border-top:none;display:flex;flex-direction:row;justify-content:center;padding:10px 0;width:calc(100% - 1.5px)}@keyframes border-flatten-bottom{0%{background-color:#1480fb33;border-radius:0 0 8px 8px}25%{background-color:#1480fb40;border-radius:0 0 6px 6px}50%{background-color:#1480fb4d;border-radius:0 0 4px 4px}75%{background-color:#1480fb59;border-radius:0 0 2px 2px}to{background-color:#1480fb66;border-radius:0 0 0 0}}#nav-element-logos:hover{animation:border-curve-bottom .2s;background-color:#1480fb33;border-radius:0 0 8px 8px}@keyframes border-curve-bottom{0%{background-color:#1480fb66;border-radius:0 0 0 0}25%{background-color:#1480fb59;border-radius:0 0 2px 2px}50%{background-color:#1480fb4d;border-radius:0 0 4px 4px}75%{background-color:#1480fb40;border-radius:0 0 6px 6px}to{background-color:#1480fb33;border-radius:0 0 8px 8px}}.nav-logos{animation:square .2s;background-color:#147efb;border:2px solid #147efb;border-radius:30%;height:25px;margin:5px 10px 0;padding:2px;width:25px}@keyframes square{0%{border-color:#fdfff5;border-radius:50%}25%{border-color:#fdfff5;border-radius:45%}50%{border-color:#7cb8fd;border-radius:40%}75%{border-color:#147efb;border-radius:35%}to{border-color:#147efb;border-radius:30%}}.nav-logos:hover{animation:round .2s;border-color:#fdfff5;border-radius:50%}@keyframes round{0%{border-color:#147efb;border-radius:30%}25%{border-color:#147efb;border-radius:35%}50%{border-color:#7cb8fd;border-radius:40%}75%{border-color:#fdfff5;border-radius:45%}to{border-color:#fdfff5;border-radius:50%}}#nav-arrow-1{animation-delay:-2s;animation-duration:5s;animation-iteration-count:infinite;animation-name:arrow-hover-1;height:20px;width:20px}@keyframes arrow-hover-1{0%{transform:translateX(0)}25%{transform:translateX(-10px)}50%{transform:translateX(0)}75%{transform:translateX(-10px)}to{transform:translateX(0)}}#nav-arrow-2{animation-delay:-1.5s;animation-duration:5s;animation-iteration-count:infinite;animation-name:arrow-hover-2;height:20px;width:20px}@keyframes arrow-hover-2{0%{transform:translateX(0)}25%{transform:translateX(-10px)}50%{transform:translateX(0)}75%{transform:translateX(-10px)}to{transform:translateX(0)}}#nav-arrow-3{animation-delay:-1s;animation-duration:5s;animation-iteration-count:infinite;animation-name:arrow-hover-3;height:20px;width:20px}@keyframes arrow-hover-3{0%{transform:translateX(0)}25%{transform:translateX(-10px)}50%{transform:translateX(0)}75%{transform:translateX(-10px)}to{transform:translateX(0)}}#nav-arrow-4{animation-delay:-.5s;animation-duration:5s;animation-iteration-count:infinite;animation-name:arrow-hover-4;height:20px;width:20px}@keyframes arrow-hover-4{0%{transform:translateX(0)}25%{transform:translateX(-10px)}50%{transform:translateX(0)}75%{transform:translateX(-10px)}to{transform:translateX(0)}}#nav-arrow-5{animation-delay:0s;animation-duration:5s;animation-iteration-count:infinite;animation-name:arrow-hover-5;height:20px;width:20px}@keyframes arrow-hover-5{0%{transform:translateX(0)}25%{transform:translateX(-10px)}50%{transform:translateX(0)}75%{transform:translateX(-10px)}to{transform:translateX(0)}}#calendar-month{background-color:#147efb;border-bottom:2px dotted #fdfff5;color:#fdfff5;font-size:.7em;padding:3px 5px}#calendar-day{border:2px solid #147efb;color:#147efb;font-size:1.2em;padding:3px}#calendar-wrapper{background-color:#011935;box-shadow:-2px 0 #147efb,-4px 0 #0464d5,-6px 0 #034ba0,-8px 0 #02326b,-10px 0 #011935;margin-right:20px;text-align:center}@media screen and (max-width:480px){#my-name{font-size:8vw;margin:20px 0}#nav-wrapper{animation:bg-scrolling-reverse 2s infinite;animation-timing-function:linear;font-size:1em;height:calc(75vh - 44px);margin-bottom:20px;margin-top:15px;padding:0;width:calc(100vw - 44px)}#content{border-radius:0;border-top:2px dashed #147efb;height:100vh}#clock-wrapper,#content{animation:bg-scrolling-reverse 2s infinite;animation-timing-function:linear;position:relative;width:100vw}#clock-wrapper{display:flex;flex-direction:column;font-size:1em;height:25vh;justify-content:center}#clock-items{margin:auto}#clock-time{margin-top:0}#profile-pic{height:45vw;width:30vw}#project-description{font-size:.8em}.project-img{height:40vw;width:80vw}#bio{font-size:1em}}
/*# sourceMappingURL=main.28ed96b0.css.map*/