body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}#root:before,body{background-image:url(/static/media/liquid.57a91687.jpg);width:100vw;min-height:100vh;box-sizing:border-box;text-align:center;background-position:50%;background-repeat:no-repeat;position:-webkit-sticky;position:sticky}body .container{border:5px double #fff;border-width:2px 0;height:0;width:88%;opacity:0;padding:0;margin:30px 5% 5%;background-color:hsla(0,0%,100%,.123);-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px)}body .name{opacity:0;color:#fff}body .App{width:70%;margin:0 auto}.open{transition:.5s;padding:20px 0;border-width:2px 0;height:85px;width:88%;box-shadow:0 3px 5px rgba(0,0,0,.3);margin:0 auto}.open .name{transition-duration:.5s;transition-delay:.3s;opacity:1;color:#fff;text-shadow:1px 5px 5px #000}@media screen and (max-width:500px){.open .name{margin-top:0}}body{padding-top:10%;background-size:auto;background-attachment:fixed;scroll-behavior:unset}@supports ((-webkit-backdrop-filter:blur(2em)) or (backdrop-filter:blur(2em))){.open{background-color:hsla(0,0%,100%,.3);backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(200%) blur(20px);border-radius:10px}}@supports not ((-webkit-backdrop-filter:blur(2em)) or (backdrop-filter:blur(2em))){.open{background-color:hsla(0,0%,100%,.4);border-radius:10px}}.Work{color:#fff;background-color:hsla(0,0%,100%,.048);visibility:hidden;opacity:0;height:100%;visibility:visible}.Work ul{display:flex;flex-wrap:wrap;justify-content:space-around;list-style-type:none}.Work ul li{margin:10px}.WorkNxt{opacity:1;transition-duration:1.5s;color:#fff;background-color:hsla(0,0%,100%,.048);height:100%;visibility:visible;background:rgba(20,2,2,.246);margin:0 auto;width:88%;text-shadow:1px 5px 5px #000}.WorkNxt .WorkInfo{height:100%;padding:1% 0}.WorkNxt .icon{position:fixed;left:90%;top:6%;height:50px;width:50px;color:#fff}@media screen and (max-width:500px){.WorkNxt .icon{top:0;left:87%;height:40px;width:auto}}.WorkNxt .icon:hover{transition:.3s;color:#00b4dd}.WorkNxt a{text-decoration:none}.WorkNxt a h1{color:#fff}.Contact{background-color:hsla(0,0%,100%,.048);visibility:hidden;opacity:0;visibility:visible}.Contact,.ContactNxt{color:#fff;height:100%}.ContactNxt{opacity:1;transition-duration:1.5s;background-color:hsla(0,0%,100%,.048);visibility:visible;background:rgba(20,2,2,.246);margin:0 auto;width:88%;text-shadow:1px 5px 5px #000}.ContactNxt .icon{position:fixed;left:90%;top:6%;height:50px;width:50px;color:#fff}@media screen and (max-width:500px){.ContactNxt .icon{top:0;left:87%;height:40px;width:auto}}.ContactNxt .linkedin{color:#0077b5;background:#fff;height:50px;width:auto;outline:10px solid #0077b5;outline-offset:-10px}.ContactNxt .Twitter{color:#fff;height:50px;width:auto;margin-left:20px}.ContactNxt .icon:hover{transition:.3s;color:#00b4dd}.ContactNxt .ContactInfo{font-size:1.5rem}.ContactNxt .ContactInfo h1{margin:0}@media screen and (max-width:500px){.ContactNxt .ContactInfo{font-size:1rem}}.AboutNxt{opacity:1;transition-duration:1.5s;color:#fff;background-color:hsla(0,0%,100%,.048);height:100%;visibility:visible;background:rgba(20,2,2,.246);margin:0 auto;width:88%;text-shadow:1px 5px 5px #000}.AboutNxt .AboutInfo{padding:1% 0}.AboutNxt .icon{position:fixed;left:90%;top:6%;height:50px;width:50px;color:#fff}@media screen and (max-width:500px){.AboutNxt .icon{top:0;left:87%;height:40px;width:auto}}.AboutNxt .icon:hover{transition:.3s;color:#00b4dd}.nav nav{display:flex;flex-direction:row;justify-content:space-around;color:#fff;padding:5% 0;font-size:1rem;opacity:0}.nav nav a{text-decoration:none;color:#fff;font-size:1.5rem}.classNameAfter{transition:.3s;position:fixed;top:260px;width:70.4vw}.classNameAfter nav{transition-duration:.8s;transition-delay:.5s;padding:5% 0;font-size:1rem;display:flex;flex-direction:row;text-shadow:1px 1.2px 0 grey;justify-content:space-between}.classNameAfter nav a{color:#fff;font-size:1.5rem;text-decoration:none;margin:0 10px}.classNameAfter nav a:hover{color:rgba(255,255,254,.376);transition:1s}.classNameAfter nav a:active{transition:.5s;text-shadow:0 0 20px #fff}@media screen and (max-width:500px){.classNameAfter{top:180px;margin:0 auto}.classNameAfter nav{justify-content:space-between}.classNameAfter nav a{font-size:1rem;margin:0 3px}}.afterHome{transition:.3s;position:fixed;top:1%;width:70.4vw}.active{border-bottom:1px solid #fff}@supports ((-webkit-backdrop-filter:blur(2em)) or (backdrop-filter:blur(2em))){.Scrolling{background-color:hsla(0,0%,100%,.3);backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(200%) blur(20px);transition:.5s!important;transition-delay:0s!important;padding:0!important;border-radius:10px}}@supports not ((-webkit-backdrop-filter:blur(2em)) or (backdrop-filter:blur(2em))){.Scrolling{background-color:hsla(0,0%,100%,.7);transition:.5s!important;transition-delay:0s!important;padding:0!important;border-radius:10px}.Scrolling a{text-shadow:2px 2px 2px #000}}
/*# sourceMappingURL=main.f295ad56.chunk.css.map */