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{--dark-background:#000;--light-text:#fff}.App{text-align:center}.App-link{color:#61dafb}.blue-image{-webkit-filter:brightness(0) invert(1);filter:brightness(0) invert(1)}.MuiList-root{background-color:#000;background-color:var(--dark-background);color:#fff;color:var(--light-text)}.css-3dzjca-MuiPaper-root-MuiPopover-paper-MuiMenu-paper{background-color:#000!important;background-color:var(--dark-background)!important}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.stagger-visualizer{align-items:center;display:flex;flex-wrap:wrap;height:17rem;justify-content:center;width:17rem}.stagger-visualizer div{background-color:#fff;background-color:var(--light-text);border:1px solid #fff;border:1px solid var(--light-text);height:1rem;width:1rem}.about-line{width:2px}.dark-background{box-shadow:0 0 0 100vmax #000;box-shadow:0 0 0 100vmax var(--dark-background);-webkit-clip-path:inset(0 -100vmax);clip-path:inset(0 -100vmax)}.image-border{--offset:3px;background:#fff;background:var(--light-text);border-radius:50px;height:300px;max-width:100%;overflow:hidden;position:relative;width:400px}.image-border:before{-webkit-animation:rotate 2s linear infinite;animation:rotate 2s linear infinite;aspect-ratio:1;background:conic-gradient(transparent 270deg,#fff,transparent);content:"";left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:100%}.image-border:after{background:inherit;border-radius:inherit;content:"";height:calc(100% - var(--offset)*2);inset:var(--offset);position:absolute;width:calc(100% - var(--offset)*2)}.image-border img{background:transparent;color:#fff;font-size:1.5rem;inset:0;padding:1.5rem;position:absolute;z-index:10}@-webkit-keyframes rotate{0%{-webkit-transform:translate(-50%,-50%) scale(1.4) rotate(0turn);transform:translate(-50%,-50%) scale(1.4) rotate(0turn)}to{-webkit-transform:translate(-50%,-50%) scale(1.4) rotate(1turn);transform:translate(-50%,-50%) scale(1.4) rotate(1turn)}}@keyframes rotate{0%{-webkit-transform:translate(-50%,-50%) scale(1.4) rotate(0turn);transform:translate(-50%,-50%) scale(1.4) rotate(0turn)}to{-webkit-transform:translate(-50%,-50%) scale(1.4) rotate(1turn);transform:translate(-50%,-50%) scale(1.4) rotate(1turn)}}.portfolio-border span{background:#fff;background:var(--light-text);display:block;position:absolute}.portfolio-border h6{-webkit-transform:scaleY(0);transform:scaleY(0);transition:-webkit-transform .5s;transition:transform .5s;transition:transform .5s,-webkit-transform .5s}.portfolio-border:hover h6{-webkit-transform:scaleY(1);transform:scaleY(1);-webkit-transform-origin:top;transform-origin:top;transition-delay:.8s}.portfolio-border span:first-child{height:1.5px;left:0;top:0;-webkit-transform:scaleX(0);transform:scaleX(0);transition:-webkit-transform .5s;transition:transform .5s;transition:transform .5s,-webkit-transform .5s;width:50.5%}.portfolio-border:hover span:first-child{-webkit-transform:scaleX(1);transform:scaleX(1);-webkit-transform-origin:right;transform-origin:right}.portfolio-border span:nth-child(2){height:1.5px;right:0;top:0;-webkit-transform:scaleX(0);transform:scaleX(0);transition:-webkit-transform .5s;transition:transform .5s;transition:transform .5s,-webkit-transform .5s;width:50.5%}.portfolio-border:hover span:nth-child(2){-webkit-transform:scaleX(1);transform:scaleX(1);-webkit-transform-origin:left;transform-origin:left}.portfolio-border span:nth-child(3){height:100%;right:0;top:0;-webkit-transform:scaleY(0);transform:scaleY(0);transition:-webkit-transform .5s;transition:transform .5s;transition:transform .5s,-webkit-transform .5s;transition-delay:.4s;width:1.5px}.portfolio-border:hover span:nth-child(3){-webkit-transform:scaleY(1);transform:scaleY(1);-webkit-transform-origin:top;transform-origin:top}.portfolio-border span:nth-child(4){height:100%;left:0;top:0;-webkit-transform:scaleY(0);transform:scaleY(0);transition:-webkit-transform .5s;transition:transform .5s;transition:transform .5s,-webkit-transform .5s;transition-delay:.4s;width:1.5px}.portfolio-border:hover span:nth-child(4){-webkit-transform:scaleY(1);transform:scaleY(1);-webkit-transform-origin:top;transform-origin:top}.portfolio-border span:nth-child(5){bottom:0;height:1.5px;left:0;-webkit-transform:scaleX(0);transform:scaleX(0);transition:-webkit-transform .5s;transition:transform .5s;transition:transform .5s,-webkit-transform .5s;transition-delay:.8s;width:50.5%}.portfolio-border:hover span:nth-child(5){-webkit-transform:scaleX(1);transform:scaleX(1);-webkit-transform-origin:left;transform-origin:left}.portfolio-border span:nth-child(6){bottom:0;height:1.5px;right:0;-webkit-transform:scaleX(0);transform:scaleX(0);transition:-webkit-transform .5s;transition:transform .5s;transition:transform .5s,-webkit-transform .5s;transition-delay:.8s;width:50.5%}.portfolio-border:hover span:nth-child(6){-webkit-transform:scaleX(1);transform:scaleX(1);-webkit-transform-origin:right;transform-origin:right}@-webkit-keyframes fade{0%,to{opacity:1}50%{opacity:.1}}@keyframes fade{0%,to{opacity:1}50%{opacity:.1}}.logo{-webkit-animation:fade 1.5s ease-in-out infinite;animation:fade 1.5s ease-in-out infinite}
/*# sourceMappingURL=main.35aa131e.css.map*/