.Nav-content{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:#ccc;overflow:hidden}.Nav-content.active{display:flex;justify-content:center;align-items:center;z-index:100}.item{font-size:1.4rem;padding:20px;color:#727272;cursor:pointer}.item a{text-decoration:none;color:#727272}.item a span{display:inline-block;padding:10px 15px}.Hamburger{position:absolute;right:10px;top:10px;z-index:200}.nav-icon-1{width:30px;height:30px;position:relative;transition:.1s;margin:10px;cursor:pointer;display:inline-block}.nav-icon-1 span{width:5px;height:5px;background-color:#fff;display:block;border-radius:50%;position:absolute}.nav-icon-1:hover span{transform:scale(1.2);transition:.35s cubic-bezier(.8,.5,.2,1.4)}.nav-icon-1 span:nth-child(1){left:0;top:0}.nav-icon-1 span:nth-child(2){left:12px;top:0}.nav-icon-1 span:nth-child(3){right:0;top:0}.nav-icon-1 span:nth-child(4){left:0;top:12px}.nav-icon-1 span:nth-child(5){position:absolute;left:12px;top:12px}.nav-icon-1 span:nth-child(6){right:0;top:12px}.nav-icon-1 span:nth-child(7){left:0;bottom:0}.nav-icon-1 span:nth-child(8){position:absolute;left:12px;bottom:0}.nav-icon-1 span:nth-child(9){right:0;bottom:0}.nav-icon-1.open{transform:rotate(180deg);cursor:pointer;transition:.2s cubic-bezier(.8,.5,.2,1.4)}.nav-icon-1.open span{border-radius:50%;transition-delay:.2s;transition:.5s cubic-bezier(.8,.5,.2,1.4)}.nav-icon-1.open span:nth-child(2){left:6px;top:6px}.nav-icon-1.open span:nth-child(4){left:6px;top:18px}.nav-icon-1.open span:nth-child(6){right:6px;top:6px}.nav-icon-1.open span:nth-child(8){left:18px;bottom:6px}.Hero{background:linear-gradient(-45deg,#ee7752,#e73c7e,#23a6d5,#23d5ab);background-size:400% 400%;animation:gradient 15s ease infinite;display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%}.intro{color:#fff;max-width:600px;padding:40px}.subhead{font-weight:200}@keyframes gradient{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.atom{position:relative;height:200px;width:200px}.atom>div{border-radius:50%;border:1px solid #fff;transform-style:preserve-3d;transform:rotateX(80deg) rotateY(20deg);position:absolute;left:50%;top:50%;margin-left:-100px;margin-top:-100px}.atom>div:first-of-type:after{content:"";position:absolute;height:40px;width:40px;background:#fff;border-radius:50%;transform:rotateX(-80deg) rotateY(0);box-shadow:0 0 25px #fff;animation:nucleus_ 2s infinite linear;left:50%;top:50%;margin-top:-20px;margin-left:-20px}.atom>div:nth-of-type(2){transform:rotateX(-80deg) rotateY(20deg)}.atom>div:nth-of-type(2)>div,body>div:nth-of-type(2)>div:after{animation-delay:-.5s}.atom>div:nth-of-type(3){transform:rotateX(-70deg) rotateY(60deg)}.atom>div:nth-of-type(3)>div,body>div:nth-of-type(3)>div:after{animation-delay:-1s}.atom>div:nth-of-type(4){transform:rotateX(70deg) rotateY(60deg)}.atom>div:nth-of-type(4)>div,body>div:nth-of-type(4)>div:after{animation-delay:-1.5s}.atom>div>div{width:200px;height:200px;position:relative;transform-style:preserve-3d;animation:trail_ 2s infinite linear}.atom>div>div:after{content:"";position:absolute;top:-5px;box-shadow:0 0 12px #fff;left:50%;margin-left:-5px;width:5px;height:5px;border-radius:50%;background-color:#fff;animation:particle_ 2s infinite linear}@keyframes trail_{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes particle_{0%{transform:rotateX(90deg) rotateY(0)}to{transform:rotateX(90deg) rotateY(-360deg)}}@keyframes nucleus_{0%,to{box-shadow:0 0 0 transparent}50%{box-shadow:0 0 25px #fff}}.thumbnail-wrapper{padding:20px 0 0;margin:0 auto;list-style:none;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-flex-flow:row;justify-content:flex-start;line-height:30px;flex-wrap:wrap;max-width:999px;cursor:pointer}.Project-thumbnail{background:#9d9d9d;margin:5px;color:#fff;font-weight:700;font-size:1.5em;text-align:center;flex:1 0 auto;height:auto;background-repeat:no-repeat;background-size:cover;min-width:200px;max-width:400px}.Project-thumbnail:before{content:"";float:left;padding-top:100%}button:focus{outline:none;box-shadow:none}@keyframes GalleryLoadingSpinner{0%{-webkit-transform:rotate(0deg);transform:rotate(0)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.loading-spinner{margin:60 auto;position:relative;border-top:.35em solid rgba(255,255,255,.2);border-right:.35em solid rgba(255,255,255,.2);border-bottom:.35em solid rgba(255,255,255,.2);border-left:.35em solid #fff;width:6em;height:6em}.loading-spinner:after{width:6em;height:6em;border-radius:50%}.loading-spinner,.gallery-figcaption--thumbnails .caption-thumbnails ul.thumbnails-list li button.thumbnail-button:after{font-size:10;text-indent:-9999em;transform:translateZ(0);animation:GalleryLoadingSpinner 1.1s infinite linear}.mode-light .loading-spinner{border-top-color:#0000001a;border-right-color:#0000001a;border-bottom-color:#0000001a;border-left-color:#111}.gallery-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2000}.gallery-modal .gallery-modal--overlay{background-color:#000;position:absolute;left:0;top:0;width:100%;height:100%;right:0;bottom:0;z-index:0}.gallery-modal--preload{display:none}.gallery-modal--container{position:fixed;top:0;right:0;bottom:0;left:0;overflow-y:auto;transform:translateZ(0);z-index:1}.gallery-modal--table{display:table;table-layout:fixed;height:100%;width:100%}.gallery-modal--cell{display:table-cell;height:100%;width:100%;vertical-align:middle}.gallery-modal--content{position:relative;overflow:hidden;border-radius:2px;margin-left:auto;margin-right:auto;background-color:transparent;height:100%;max-width:100%}.gallery-content{display:table;width:100%;height:100%}.gallery-top{display:table-row}.gallery-top--inner{padding:60 15px 20}.gallery{display:table;font-size:1rem;width:100%;padding-bottom:10}.gallery ul.gallery-images--ul li.gallery-media-photo.loading .loading-spinner,.gallery ul.gallery-images--ul li.gallery-media-photo .picture.loading .loading-spinner{position:absolute;z-index:1001;top:50%;left:50%;margin:-1rem 0 0 -1rem;transform:translate(-50%,-50%)}.gallery .gallery-main{position:relative;z-index:9}.gallery .gallery-photos{width:100%;max-width:105vh;margin:0 auto}.gallery .gallery-photos .gallery-empty{color:#fff;font-size:1.45rem;display:block;text-align:center;padding:25% 0}.gallery .gallery-photo{position:relative;width:100%;height:0;padding-bottom:75%}.gallery .gallery-photo--current{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.gallery ul.gallery-images--ul{position:relative;height:100%;list-style-type:none;margin:0;padding:0}.gallery ul.gallery-images--ul li.gallery-media-photo{opacity:1;z-index:2}.gallery ul.gallery-images--ul li.gallery-media-photo .picture{background-color:transparent;cursor:pointer;position:absolute;width:100%;height:100%;overflow:hidden}.gallery ul.gallery-images--ul li.gallery-media-photo .picture img.photo{max-height:100%;max-width:100%;position:absolute;top:50%;right:0;bottom:0;left:0;margin:0 auto;z-index:0;transform:translateY(-50%)}.gallery ul.gallery-images--ul li.gallery-media-photo button.photo-button{display:block;background:none;border-width:0;cursor:pointer;padding:0!important;-webkit-appearance:button}.gallery ul.gallery-images--ul li.gallery-media-photo button.photo-button:active,.gallery ul.gallery-images--ul li.gallery-media-photo button.photo-button:focus{outline:none;border-width:0}.gallery .gallery-control{cursor:pointer;position:absolute;top:0;height:100%;z-index:3;font-size:.5em;width:40;background:none;border-width:0;border-style:initial;border-color:initial;border-image:initial}.gallery .gallery-control--prev{left:0}.gallery .gallery-control--next{right:0}.gallery-modal .gallery{display:table;height:100%;padding-bottom:0}.gallery-figcaption{background-image:none;background-color:transparent;position:relative;right:0;bottom:0;left:0;z-index:2;text-align:center;color:#fff;overflow:hidden;border-radius:0}.mode-light .gallery-figcaption{color:#111}.gallery-figcaption--content{max-width:105vh;margin-left:auto;margin-right:auto;overflow:hidden}.gallery-figcaption--inner{margin-left:auto;margin-right:auto;position:relative;transform:translateY(0);transition:-ms-transform .2s ease-out 0s,-webkit-transform .2s ease-out 0s,transform .2s ease-out 0s}.hide .gallery-figcaption--inner{transform:translateY(70)}.gallery-figcaption--info{display:table;width:100%}.gallery-figcaption--info .caption-left{text-align:left;vertical-align:middle;display:table-cell;padding-left:10px}.gallery-figcaption--info .caption-right{text-align:right;vertical-align:middle;display:table-cell}.gallery-figcaption--info .photo-caption,.gallery-figcaption--info .photo-subcaption{margin:0;line-height:1.31}.gallery-figcaption--info .photo-caption{font-weight:400;font-size:1rem}.gallery-figcaption--info .photo-subcaption{color:#ffffffa6;font-size:.851rem}.mode-light .gallery-figcaption--info .photo-subcaption{color:#000000a6}.gallery-figcaption--thumbnails{position:relative;height:67px;overflow:hidden;padding-left:10px}.gallery-figcaption--thumbnails .caption-thumbnails{position:absolute}.gallery-figcaption--thumbnails .caption-thumbnails ul.thumbnails-list{position:absolute;list-style-type:none;margin:0;padding:0;left:0;transition:margin .3s ease-out 0s}.gallery-figcaption--thumbnails .caption-thumbnails ul.thumbnails-list:after,.gallery-figcaption--thumbnails .caption-thumbnails ul.thumbnails-list:before{content:"";display:table}.gallery-figcaption--thumbnails .caption-thumbnails ul.thumbnails-list:after{clear:both}.gallery-figcaption--thumbnails .caption-thumbnails ul.thumbnails-list li{float:left;background-color:#000}.gallery-figcaption--thumbnails .caption-thumbnails ul.thumbnails-list li+li{margin-left:10}.gallery-figcaption--thumbnails .caption-thumbnails ul.thumbnails-list li button.thumbnail-button{cursor:pointer;position:relative;display:block;overflow:hidden;background:transparent;border:0;margin:0;padding:0}.gallery-figcaption--thumbnails .caption-thumbnails ul.thumbnails-list li button.thumbnail-button.active{cursor:default}.gallery-figcaption--thumbnails .caption-thumbnails ul.thumbnails-list li button.thumbnail-button:after,.gallery-figcaption--thumbnails .caption-thumbnails ul.thumbnails-list li button.thumbnail-button:before{border-radius:50%}.gallery-figcaption--thumbnails .caption-thumbnails ul.thumbnails-list li button.thumbnail-button div.loading-spinner{position:absolute;z-index:1001;width:2em;height:2em;top:50%;left:50%;margin:-1em 0 0 -1em;border-top-width:.15em;border-right-width:.15em;border-bottom-width:.15em;border-left-width:.15em;transform:translate(-50%,-50%)}.gallery-figcaption--thumbnails .caption-thumbnails ul.thumbnails-list li img.thumbnail{width:100;height:67px;display:block;border-width:0;position:relative;z-index:1;opacity:.3;filter:alpha(opacity=30);backface-visibility:hidden;transition:.1s ease opacity}.mode-light .gallery-figcaption--thumbnails .caption-thumbnails ul.thumbnails-list li{background-color:#fff}.gallery-figcaption--thumbnails .caption-thumbnails ul.thumbnails-list li button.thumbnail-button.active img,.gallery-figcaption--thumbnails .caption-thumbnails ul.thumbnails-list li button.thumbnail-button:hover img{opacity:1;filter:alpha(opacity=100)}.gallery-figcaption .gallery-thumbnails--toggle{cursor:pointer;background:transparent;border:0;margin:0;padding:0;vertical-align:bottom;display:inline-block;color:inherit;font-weight:inherit;position:relative}.gallery-figcaption .gallery-thumbnails--toggle:after{content:"";display:inline-block;vertical-align:middle;margin-left:.181rem}.gallery-figcaption .gallery-thumbnails--toggle.hide:after{border-top:6px solid #fff;border-left:6px solid transparent;border-right:6px solid transparent}.mode-light .gallery-figcaption .gallery-thumbnails--toggle.hide:after{border-top-color:#111}.gallery-figcaption .gallery-thumbnails--toggle.open:after{border-bottom:6px solid #fff;border-left:6px solid transparent;border-right:6px solid transparent}.mode-light .gallery-figcaption .gallery-thumbnails--toggle.open:after{border-bottom-color:#111}.gallery-modal--close{position:absolute;z-index:10;right:0;top:0;padding:15px}.gallery-modal--close button.gallery-close{cursor:pointer;background:none transparent;color:"buttontext";border:0;display:block;padding:.5rem}.gallery ul.gallery-images--ul li.gallery-media-photo.loading:before{z-index:999;content:"";display:block;position:absolute;left:0;top:0;width:100%;height:100%;background-color:#000}.mode-light .gallery ul.gallery-images--ul li.gallery-media-photo.loading:before{background-color:#fff}.gallery__animation-appear{opacity:.01;transform:translateZ(0)}.gallery__animation-appear-active{opacity:1;transition:opacity .15s ease-out}.gallery__image-transition--backwards-enter{opacity:.01;transform:translate(-5px)}.gallery__image-transition--forwards-enter{opacity:.01;transform:translate(5px)}.gallery__image-transition--backwards-enter-active,.gallery__image-transition--forwards-enter-active{opacity:1;transform:translate(0);transition:opacity .15s ease-out,transform .15s ease-out}.gallery__image-transition--backwards-leave,.gallery__image-transition--forwards-leave{opacity:1;transform:translateZ(0)}.gallery__image-transition--backwards-leave-active,.gallery__image-transition--forwards-leave-active{opacity:.01;transition:opacity .15s ease-out}@media (max-width: 743px){.gallery-figcaption--info{padding-bottom:1rem;padding-left:1rem;padding-right:1rem}.gallery-figcaption .gallery-thumbnails--toggle{display:none}}@media (min-width: 744px){.gallery .gallery-photo{padding-bottom:67%}.gallery-figcaption--info{padding-top:.5rem;padding-bottom:.5rem}}@media (min-width: 1128px){.gallery .gallery-control{width:20%;font-size:medium}}.light-box-wrap{background:#ccc;position:fixed;top:0;left:0;right:0;bottom:0;display:none;z-index:900}.light-box-wrap.active{display:block}.light-box-ico-bar{width:100%;display:flex;justify-content:flex-end}.close-ico{max-width:20px;padding:10px;opacity:.6;cursor:pointer}.light-boxes .nav-icon-1{width:30px;height:30px;position:relative;transition:.1s;margin:10px;cursor:pointer;display:inline-block;right:10px;top:10px}.Profile{height:80%;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:40px}.Profile p{max-width:450px;text-align:center}.avitar{height:120px;width:120px;background:#fff;border-radius:999999px;margin-bottom:30px}.avitar img{max-width:100%}p.skills-list{font-size:.8rem}.skills-title{padding-top:20px}.Data-fetcher{background:#ccc;padding:20px}.Data-fetcher-children{background:#ebebeb;padding:20px}.family-member{padding:20px}.Great-grand-parent{background:#9b9b9b}.Grand-parent{background:#adadad}.Parent{background:#d2d2d2}.Child{background:#f8f8f8}body .App{height:100%}body .App.nav-open{overflow:hidden}body section{max-width:690px;margin:0 auto;padding:40px 10px}body section.fullwidth{max-width:1200px;margin:0 auto;padding:20px 10px}body h2{padding:20px 0}body h2.large{font-size:2rem;padding-top:30px}body h3{padding:20px 0}body p{font-size:1rem;font-weight:300;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;line-height:1.5;color:#212529;text-align:left;margin-top:15px;margin-bottom:1rem}body button{font-size:1rem;line-height:1.5;border-radius:.25rem;margin:10px 5px 10px 0;padding:.375rem .75rem}body img{max-width:100%}body input{display:block;width:90%;height:calc(1.5em + .75rem + 2px);padding:.375rem .75rem;font-size:1rem;font-weight:400;line-height:1.5;color:#495057;background-color:#fff;background-clip:padding-box;border:1px solid #ced4da;border-radius:.25rem;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}body ol,body ul{list-style:none;margin:20px 0}body .code-block{padding:0 0 30px}body .react-tabs{padding-top:20px}body .App .react-tabs__tab{padding:11px 12px}@media (prefers-reduced-motion: no-preference){.App-logo{animation:App-logo-spin infinite 20s linear}}.App-header{background-color:#282c34;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link,a{color:#4096ff}@keyframes App-logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media only screen and (max-width: 770px){body section{max-width:690px;margin:0 auto;padding:20px 30px}}.react-tabs{-webkit-tap-highlight-color:transparent}.react-tabs__tab-list{border-bottom:1px solid #aaa;margin:0 0 10px;padding:0}.react-tabs__tab{display:inline-block;border:1px solid transparent;border-bottom:none;bottom:-1px;position:relative;list-style:none;padding:6px 12px;cursor:pointer}.react-tabs__tab--selected{background:#fff;border-color:#aaa;color:#000;border-radius:5px 5px 0 0}.react-tabs__tab--disabled{color:GrayText;cursor:default}.react-tabs__tab:focus{box-shadow:0 0 5px #0188fe;border-color:#0188fe;outline:none}.react-tabs__tab:focus:after{content:"";position:absolute;height:5px;left:-4px;right:-4px;bottom:-5px;background:#fff}.react-tabs__tab-panel{display:none}.react-tabs__tab-panel--selected{display:block}#laptop-wrapper{position:relative;width:100%}#laptop{width:100%}.laptop-screen{position:absolute;top:8%;left:17.5%;max-width:884px;width:65%}.laptop-screen.hide{visibility:hidden;transition:all .3s ease-in-out;opacity:.5}.laptop-screen.show{visibility:visible;transition:all .3s ease-in-out;opacity:1}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}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}html,body,#root{height:100%}