@font-face{font-family:Onest;font-style:normal;font-weight:100;font-display:swap;src:url(https://fonts.gstatic.com/s/onest/v9/gNMZW3F-SZuj7zOT0IfSjTS16cPh9R6Zsg.ttf) format("truetype")}@font-face{font-family:Onest;font-style:normal;font-weight:200;font-display:swap;src:url(https://fonts.gstatic.com/s/onest/v9/gNMZW3F-SZuj7zOT0IfSjTS16cPhdR-Zsg.ttf) format("truetype")}@font-face{font-family:Onest;font-style:normal;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/onest/v9/gNMZW3F-SZuj7zOT0IfSjTS16cPhqx-Zsg.ttf) format("truetype")}@font-face{font-family:Onest;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/onest/v9/gNMZW3F-SZuj7zOT0IfSjTS16cPh9R-Zsg.ttf) format("truetype")}@font-face{font-family:Onest;font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/onest/v9/gNMZW3F-SZuj7zOT0IfSjTS16cPhxx-Zsg.ttf) format("truetype")}@font-face{font-family:Onest;font-style:normal;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/onest/v9/gNMZW3F-SZuj7zOT0IfSjTS16cPhKxiZsg.ttf) format("truetype")}@font-face{font-family:Onest;font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/onest/v9/gNMZW3F-SZuj7zOT0IfSjTS16cPhEhiZsg.ttf) format("truetype")}@font-face{font-family:Onest;font-style:normal;font-weight:800;font-display:swap;src:url(https://fonts.gstatic.com/s/onest/v9/gNMZW3F-SZuj7zOT0IfSjTS16cPhdRiZsg.ttf) format("truetype")}@font-face{font-family:Onest;font-style:normal;font-weight:900;font-display:swap;src:url(https://fonts.gstatic.com/s/onest/v9/gNMZW3F-SZuj7zOT0IfSjTS16cPhXBiZsg.ttf) format("truetype")}body{margin:0;font-family:Onest,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(180deg,#0c111b,#03231f,#1d363d)}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.cmp-Button{cursor:pointer;transition:background-color .3s ease;background:#000;padding:5px 8px;color:#68ffce;border:1px solid #80808069;text-decoration:none;font-family:Onest,sans-serif}.cmp-Button:hover{background-color:#fff;color:#000}.cmp-NavItem{list-style:none;border-bottom:1px solid #ffffff82;cursor:pointer;position:relative;transform:perspective(700px);transition:all .3s ease-in-out;transform-origin:right}.cmp-NavItem:before{position:absolute;top:7px;left:4px;height:calc(100% - 14px);content:"";display:block;width:2px;background-color:#00ffb1;transition:all .3s ease-in-out}.cmp-NavItem:hover{transform:perspective(700px) rotateY(10deg);background:#fff}.cmp-NavItem:hover .cmp-NavItem-link{color:#000}.cmp-NavItem:hover:before{background-color:#000}.cmp-NavItem .cmp-NavItem-link{display:block;padding:2px 6px;text-decoration:none;color:#fff;border-radius:4px}.Header{background-color:transparent;color:#fff;position:absolute;top:0;left:0;width:100%;height:75px;display:flex;justify-content:space-between;align-items:center;z-index:1}.Header h1{color:#fff;margin:0 0 0 20px}.Header .Header-actions{margin-right:20px}.Nav{width:200px;background-color:transparent;padding:0 16px;text-align:left;z-index:1}.Nav ul{list-style:none;padding:0}.Nav ul li{padding-left:8px;padding-top:8px;padding-bottom:8px;border-bottom:1px solid #ffffff2b;cursor:pointer}.Nav ul li:hover{background:#fff}.Nav ul li:hover a{color:#000}.Nav ul li a{color:#fff;text-decoration:none}.Nav .icons a{display:inline-block;padding:3px 5px;transition:all .3s ease-in-out}.Nav .icons a img{height:18px}.Nav .icons a:hover{background:#fff}.Nav .icons a:hover img{filter:invert()}.Post{border-bottom:1px solid #444;padding-bottom:20px;margin-bottom:20px}.Footer{background-color:transparent;padding:20px;color:#ffffff69;position:fixed;bottom:0;width:100%;z-index:1;font-size:small}.cmp-BlogPostSnippet{margin-bottom:20px;border-bottom:1px solid #84b7c4;text-align:left;background:#0000007a;padding:15px;transition:all .3s ease-in-out}.cmp-BlogPostSnippet:hover{background:#000000bf}.cmp-BlogPostSnippet h3{margin-bottom:5px;margin-top:5px}.cmp-BlogPostSnippet h3 a{color:#fff;text-decoration:none}.cmp-BlogPostSnippet h3 a:hover{text-decoration:underline}.cmp-BlogPostSnippet p{font-size:smaller;margin-top:0;margin-bottom:10px}.cmp-BlogPostSnippet a{color:#fff;text-decoration:none}.cmp-BlogPostSnippet a:hover{text-decoration:underline}.cmp-Blog h2{color:#fff;margin-bottom:20px}.cmp-About h2{color:#fff;margin-bottom:20px}.cmp-Projects h2{color:#fff;margin-bottom:20px}html,body,#root{height:100%;margin:0;overflow:hidden;color:#fff}a{color:#fff;text-decoration:none}.App{text-align:center;min-height:100vh;display:flex;flex-direction:column}.main-content{top:75px;height:calc(100vh - 75px);width:100%;display:flex;flex-grow:1;position:relative;z-index:0}main{padding:20px;flex-grow:1;position:relative;height:calc(100% - 75px);overflow-y:auto}@keyframes fade-in{0%{opacity:0}to{opacity:1;transform:perspective(700px) rotate3d(0,0,0,0) translateZ(0)}}@keyframes fade-out{0%{opacity:1}to{opacity:0}}.cmp-BlogPost h2{color:#fff;margin-bottom:20px}