body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box;outline:0;margin:0;padding:0;text-decoration:none;list-style:none}:root{--background:#3c3c3c;--text-color:whitesmoke;--background-main:#282828;--arrow-color:#969696;--arrow-after-text-color:#aaa;--github:gray;--linkedin:#2867b2;--submit-button:#969696;--submit-button-hover:#aaa;--cv-hover:#aaa;--github-button-hover:#64646480;--linkdedin-button-hover:#07166d80;--name-color:#b4b4b4;--project-color:#535353d7;--project-item-color:#313131;--project-text-color:#8d8d8d;--menu-backgroud-color:#373737;--hamburger-menu-color:#8f8f8f;--menu-item-color:#969696;--menu-item-hover-color:#d2d2d2;--menu-item-hover-shadow-color:black;--menu-item-active-color:#e6e6e6;--menu-item-active-shadow-color:#252525;--menu-item-after-before-color:#2e2e2e}.App{background-color:var(--background);width:100%;min-height:100vh;overflow:hidden auto}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{box-shadow:inset 0 0 5px var(--background-main);border-radius:5px}::-webkit-scrollbar-thumb{background:var(--hamburger-menu-color);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#000}@media screen and (max-width:992px){::-webkit-scrollbar{width:0}}.menu-list{z-index:50;background-color:var(--menu-backgroud-color);flex-direction:column;justify-content:center;align-items:center;width:100vw;height:100vh;padding-top:20vh;padding-bottom:20vh;transition-duration:.2s;display:flex;position:fixed;top:-100vh}.menu-list-visible{top:0}.menu-item{justify-content:center;align-items:center;width:100%;height:20vh;transition-duration:1s;display:flex;position:relative;top:-100vh}.menu-item-portfolio{transition-delay:.2s}.menu-item-about{transition-delay:.4s}.menu-item-visible{top:0}.menu-item span{width:90%;max-width:600px;color:var(--menu-item-color);justify-content:center;align-items:center;height:20vh;font-size:max(3.5vw,35px);display:flex;position:relative;overflow:hidden}.menu-item:hover span{color:var(--menu-item-hover-color);text-shadow:0 0 10px var(--menu-item-hover-shadow-color)}.menu-list .active span{color:var(--menu-item-active-color);text-shadow:0 0 10px var(--menu-item-active-shadow-color)}.menu-item span:after{content:"";background-color:var(--menu-item-after-before-color);z-index:-2;align-self:flex-end;width:100%;max-width:600px;height:15vh;transition-duration:.4s;display:block;position:absolute;transform:translate(100%)}.menu-item span:before{content:"";background-color:var(--menu-item-after-before-color);z-index:-1;align-self:flex-start;width:100%;max-width:600px;height:15vh;transition-duration:.4s;display:block;position:absolute;transform:translate(-100%)}.menu-item:hover span:after,.menu-item:hover span:before{transition-duration:.8s;transform:translate(0,0)}.language{z-index:25;position:fixed;top:30px;left:10px}.language-show{animation-name:languageShow;animation-duration:.3s}@keyframes languageShow{0%{left:-50px}to{left:10px}}.language button{background-color:var(--background-main);color:var(--text-color);cursor:pointer;border:0;outline:0;font-size:20px}.language button:focus{animation-name:language;animation-duration:.5s;animation-timing-function:linear;animation-iteration-count:infinite}@keyframes language{0%{border-bottom:none}to{border-bottom:1px solid var(--text-color)}}.language button:hover{font-size:30px}.language-hide{transition-duration:.1s;left:-50px}.hamburger-menu-label{cursor:pointer;z-index:100;width:54px;height:66px;display:block;position:fixed;top:50px;left:calc(95% - 40px)}.hamburger-menu{width:75%;top:20px;left:7px}.hamburger-menu,.hamburger-menu:after,.hamburger-menu:before{background-color:var(--hamburger-menu-color);height:4px;transition-duration:.1s;display:block;position:relative}.hamburger-menu:before{content:"";top:10px}.hamburger-menu:after{content:"";top:15px}.hamburger-menu-label:hover .hamburger-menu-hov,.hamburger-menu-label:hover .hamburger-menu-hov:before{top:15px}.hamburger-menu-label:hover .hamburger-menu-hov:after{top:25px}.hamburger-menu-label:focus .hamburger-menu-hov,.hamburger-menu-label:focus .hamburger-menu-hov:before{top:15px}.hamburger-menu-label:focus .hamburger-menu-hov:after{top:25px}.hamburger-menu-appearance{animation-name:hamburger-menu-appearance;animation-duration:.4s}.hamburger-menu-appearance:after{animation-name:hamburger-menu-appearance;animation-duration:.4s;animation-delay:.1s}.hamburger-menu-appearance:before{animation-name:hamburger-menu-appearance;animation-duration:.4s;animation-delay:50ms}@keyframes hamburger-menu-appearance{0%{left:20vw}to{left:0}}.hamburger-menu-disappearance{animation-name:hamburger-menu-disappearance;animation-duration:.4s;animation-delay:.1s;animation-fill-mode:forwards}.hamburger-menu-disappearance:after{animation-name:hamburger-menu-disappearance;animation-duration:.2s}.hamburger-menu-disappearance:before{animation-name:hamburger-menu-disappearance;animation-duration:.4s;animation-delay:50ms}@keyframes hamburger-menu-disappearance{0%{left:0}to{left:20vw}}.hamburger-menu-rot{rotate:180deg}.hamburger-menu-rot:before{top:0}.hamburger-menu-rot:after{top:-5px}.hamburger-menu-rot-two{width:60px;animation-name:hamburger-label-rotate;animation-duration:.6s;top:30px;left:-2px;rotate:60deg}.hamburger-menu-rot-two:after{rotate:60deg}.hamburger-menu-label:hover .hamburger-menu-rot-two{rotate:70deg}.hamburger-menu-label:hover .hamburger-menu-rot-two:after{rotate:40deg}.hamburger-menu-label:focus .hamburger-menu-rot-two{rotate:70deg}.hamburger-menu-label:focus .hamburger-menu-rot-two:after{rotate:40deg}@keyframes hamburger-label-rotate{0%{rotate:180deg}50%{rotate:45deg}to{rotate:60deg}}@media screen and (max-width:768px){.hamburger-menu-label{top:10px}}footer{z-index:3;text-align:center;color:#f5f5f5;width:100vw;font-size:20px;transition-duration:.4s;display:inline-block;position:fixed;bottom:10px}.footer-hidden{bottom:-20px}.footer-portfolio{background-color:var(--background-main);padding-bottom:20px;position:static}@media screen and (max-width:768px){footer{background-color:var(--background-main);padding-bottom:20px;position:static}.footer-hidden{transition-duration:.2s;position:relative;bottom:-100vh}}.scene{perspective:100vw;width:100vw;min-height:100vh}.App-page{transition-duration:.8s;transition-timing-function:cubic-bezier(.65,.05,.105,.95);transform:translateZ(-50vw)}.main{width:100vw;min-height:100vh;transform-style:preserve-3d}.current{background-color:var(--background-main);width:100vw;min-height:100vh}.scene-move{z-index:10;width:100vw;min-height:100vh;position:fixed;top:0}.scene-move-right{left:100vw}.scene-move-left{left:-100vw}.main-move{width:100vw;height:100vh;position:fixed;top:0}.loader{background-color:var(--background-main);width:100vw;height:100vh;position:fixed;top:0}.rotate-page{transform-style:preserve-3d;animation:.8s cubic-bezier(.65,.05,.105,.95) both rotate-page}@keyframes rotate-page{to{opacity:1;-webkit-transform:rotateY(-90deg)translateZ(35vw);transform:rotateY(-90deg)translateZ(46vw)}}.moveleft{transition-duration:.85s;transition-timing-function:cubic-bezier(.65,.9,.125,.9);left:0}.rotate-page-right{transform-style:preserve-3d;animation:.8s cubic-bezier(.65,.05,.105,.95) both rotate-page-right}@keyframes rotate-page-right{to{opacity:1;-webkit-transform:rotateY(90deg)translateZ(35vw);transform:rotateY(90deg)translateZ(46vw)}}@media screen and (max-width:768px){.current{height:auto;min-height:100vh;position:static}.scene,.main{height:auto}}*{font-weight:700}.about{opacity:0;flex-direction:column;justify-content:center;align-items:center;min-height:99vh;transition-duration:.1s;display:flex}.about h1{color:var(--text-color);margin-bottom:20px;font-size:3.5vw}.about h1 .name{color:var(--name-color)}.about p{color:var(--text-color);text-align:center;opacity:0;margin-bottom:20px;margin-left:10vw;margin-right:10vw;font-size:1.5vw;position:relative}.about1-visible{animation-name:about1-visible;animation-duration:1.5s;animation-fill-mode:forwards}.about2-visible{animation-name:about1-visible;animation-duration:1.5s;animation-delay:.75s;animation-fill-mode:forwards}@keyframes about1-visible{0%{opacity:0;top:-40px}to{opacity:1;top:0}}.portrait{clip-path:circle(40%);width:20vw;min-width:250px;margin:10px}.about-visible{animation-name:about-visible;animation-duration:.5s;animation-fill-mode:forwards}@keyframes about-visible{0%{opacity:0;width:90vw}to{opacity:1;width:100vw}}.about-cursor{animation:.75s infinite cursor-show}@keyframes cursor-show{0%{opacity:0}50%{opacity:1}to{opacity:0}}.contact-container{justify-content:center;align-items:center;min-height:99vh;display:flex}.contact{text-align:start;width:50vw}.contact h2,.contact h1{color:var(--text-color);margin-bottom:20px;margin-left:10px;font-size:max(3vw,40px)}.contact p{color:var(--arrow-after-text-color);width:40vw;margin-bottom:20px;margin-left:20px}.contact .github-linkedin-button-heading{margin-top:60px}.form{flex-direction:column;justify-content:center;width:50vw;margin-bottom:20px;display:flex}.form input,form textarea{border-width:0 0 2px;border-top-style:none;border-top-color:currentColor;border-left-style:none;border-left-color:currentColor;border-right-style:none;border-right-color:currentColor;border-color:var(--arrow-color);width:100%;min-height:40px;color:var(--text-color);box-sizing:border-box;background:0 0;margin:20px 0 20px 20px;font-family:Arial;font-size:15px}.form input:focus,form textarea:focus{border-color:var(--text-color)}@-moz-document url-prefix(){.form textarea{scrollbar-width:thin;scrollbar-color:var(--hamburger-menu-color) var(--background-main)}}.form textarea{resize:none;min-height:100px}.form .submit-button{background-color:var(--submit-button);cursor:pointer;border:none;border-radius:3px;width:20vw;min-width:220px;max-width:300px;font-family:Arial,Helvetica,sans-serif;font-size:15px;font-weight:700}.form .submit-button:focus,.form .submit-button:hover{background-color:var(--submit-button-hover)}.form .submit-button:active{position:relative;top:2px}.github-linkedin-button-container{display:flex}.github-linkedin-button-container .github-button{background-color:var(--github);border-radius:3px;align-items:center;max-width:200px;height:40px;margin-left:20px;margin-right:10px;display:flex;position:relative;overflow:hidden}.github-linkedin-button-container .github-button:after{background-color:var(--github-button-hover);z-index:10;content:"";border-radius:3px;width:120px;height:40px;transition-duration:.8s;position:absolute;transform:translate(-100%)}.github-linkedin-button-container .github-button:hover:after,.github-linkedin-button-container .github-button:focus:after{transform:translate(0,0)}.github-button-img{width:20px;height:20px;margin-left:20px;margin-right:5px}.github-linkedin-button-container .github-button-text{color:var(--text-color);padding-right:20px}.github-linkedin-button-container .linkedin-button{background-color:var(--linkedin);border-radius:3px;align-items:center;max-width:300px;height:40px;display:flex;position:relative;overflow:hidden}.github-linkedin-button-container .linkedin-button:after{background-color:var(--linkdedin-button-hover);z-index:10;content:"";border-radius:3px;width:150px;height:40px;transition-duration:.8s;position:absolute;transform:translate(-100%)}.github-linkedin-button-container .linkedin-button:hover:after,.github-linkedin-button-container .linkedin-button:focus:after{transform:translate(0,0)}.linkedin-button-img{border-radius:3px;width:20px;height:20px;margin-left:20px;margin-right:5px}.github-linkedin-button-container .linkedin-button-text{color:var(--text-color);padding-right:20px}.portfolio{padding-top:80px;padding-bottom:50px}.portfolio h1{text-align:center;color:var(--text-color);margin-bottom:20px}.portfolio .skills{color:var(--text-color);text-align:center;margin:20px}.project-container{grid-gap:50px;grid-template-columns:auto auto;margin:60px 290px 0;display:grid}.project{width:100%;min-width:281px;max-width:calc(50vw - 315px);height:600px;overflow:hidden}.project img{object-fit:cover;width:100%;height:600px}.focus-link{cursor:auto}.project-text-link{background-color:var(--project-color);flex-direction:column;justify-content:space-between;width:100%;height:101%;transition-duration:.2s;display:flex;position:relative}.project:hover .project-text-link{transition-duration:.5s;transform:translateY(-600px)}.project:has(.focus-link:focus) .project-text-link{transition-duration:.5s;transform:translateY(-600px)}.projetc-h2-conatiner{margin:5px;overflow:hidden}.projetc-h2{background-color:var(--project-item-color);color:var(--project-text-color);opacity:0;transform:translateY(-80px);border:1px solid #000;border-bottom-width:2px;border-radius:1px;padding:3px;transition:transform .285s cubic-bezier(.5,1.5,.5,1.5);display:inline-block;-webkit-transform:rotateX(90deg);box-shadow:1px 1px #000}.project:hover .projetc-h2{opacity:1;transition-duration:.3s;transition-delay:.5s;transform:rotateX(0)translate(0,0)}.project:has(.focus-link:focus) .projetc-h2{opacity:1;transition-duration:.3s;transition-delay:.5s;transform:rotateX(0)translate(0,0)}.project-tech-container{flex-wrap:wrap;justify-content:center;gap:10px;margin:0 10px;display:flex}.project-tech-item-container{overflow:hidden}.project-tech-item{background-color:var(--project-item-color);color:var(--project-text-color);transform:translateY(-80px);opacity:0;border:1px solid #000;border-bottom-width:2px;border-radius:1px;margin:5px;padding:3px;transition:transform .285s cubic-bezier(.5,1.5,.5,1.5);display:inline-block;position:relative;-webkit-transform:rotateX(90deg);box-shadow:1px 1px #000}.project:hover .project-tech-item{opacity:1;transition-duration:.3s;transform:rotateX(0)translate(0,0)}.project:has(.focus-link:focus) .project-tech-item{opacity:1;transition-duration:.3s;transform:rotateX(0)translate(0,0)}.project:hover .project-tech-item1{transition-delay:.5s}.project:has(.focus-link:focus) .project-tech-item1{transition-delay:.5s}.project:hover .project-tech-item2{transition-delay:.53s}.project:has(.focus-link:focus) .project-tech-item2{transition-delay:.53s}.project:has(.focus-link:focus) .project-tech-item3{transition-delay:.56s}.project:hover .project-tech-item3{transition-delay:.56s}.project:hover .project-tech-item4{transition-delay:.59s}.project:has(.focus-link:focus) .project-tech-item4{transition-delay:.59s}.project:hover .project-tech-item5{transition-delay:.62s}.project:has(.focus-link:focus) .project-tech-item5{transition-delay:.62s}.project:hover .project-tech-item6{transition-delay:.65s}.project:has(.focus-link:focus) .project-tech-item6{transition-delay:.65s}.github-pages-conatiner{justify-content:space-evenly;width:100%;display:flex}.github-pages-conatiner a{transform:translateY(-80px);opacity:0;color:var(--text-color);border-radius:40%;margin:5px;transition:transform .285s cubic-bezier(.5,1.5,.5,1.5);display:block;position:relative;-webkit-transform:rotateX(90deg)}.github-pages-conatiner a img{background-color:var(--project-item-color);border-radius:50%;width:30px;height:30px}.project:hover .github-pages-conatiner a{opacity:1;transition-duration:.3s;transition-delay:.5s;transform:rotateX(0)translate(0,0)}.project:has(.focus-link:focus) .github-pages-conatiner a{opacity:1;transition-duration:.3s;transition-delay:.5s;transform:rotateX(0)translate(0,0)}nav .directionRight{z-index:20;width:200px;height:200px;display:inline-block;position:fixed;top:calc(50vh - 100px);right:0}nav .directionRight span{background-color:var(--arrow-color);width:40%;height:3px;display:block;position:relative;top:75px;left:60px}nav .directionRight span:before{content:"";background-color:var(--arrow-color);width:100%;height:3px;display:block;position:relative}nav .directionRight:hover span,nav .directionRight:focus span{rotate:50deg}nav .directionRight:hover span:before,nav .directionRight:focus span:before{top:38px;left:45px;rotate:80deg}nav .directionRight:after{content:"";color:var(--arrow-after-text-color);text-shadow:0 0 1vw #f5f5f5;opacity:0;font-size:max(1.5vw,20px);transition-duration:.5s;position:relative;top:83px;right:40px}nav .directionRightHome:after{content:"Portfolio"}nav .directionRightPortfolio:after{content:"Contact"}nav .directionRight:hover:after,nav .directionRight:focus:after{opacity:1;right:80px}nav .directionRightDisappearance span,nav .directionRightDisappearance:hover span,nav .directionRightDisappearance:focus span{transition-duration:.2s;rotate:none}nav .directionRightDisappearance span:before,nav .directionRightDisappearance:hover span:before,nav .directionRightDisappearance:focus span:before{visibility:hidden;transition-duration:.2s;top:0;left:0;rotate:180deg}nav .directionRightDisappearance{visibility:hidden;transition-duration:.5s;transition-delay:.3s;left:150vw}nav .directionRightAppearance span{animation-name:directionRightAppearanceArrow;animation-duration:.2s;animation-delay:.6s;animation-fill-mode:forwards}nav .directionRightAppearance:hover span,nav .directionRightAppearance:focus span{animation-fill-mode:none}nav .directionRightAppearance span:before{animation-name:directionRightAppearanceArrowBefore;animation-duration:.2s;animation-delay:.6s;animation-fill-mode:forwards}nav .directionRightAppearance:hover span:before,nav .directionRightAppearance:focus span:before{animation-fill-mode:none}nav .directionRightAppearance{animation-name:directionRightAppearance;animation-duration:.5s}@keyframes directionRightAppearance{0%{visibility:hidden;left:150vw}to{visibility:visible;left:calc(95% - 40px)}}@keyframes directionRightAppearanceArrow{0%{visibility:hidden;rotate:none}to{visibility:visible;rotate:45deg}}@keyframes directionRightAppearanceArrowBefore{0%{visibility:hidden;top:0;left:0;rotate:180deg}to{visibility:visible;top:40px;left:40px;rotate:90deg}}nav .directionLeft:after{content:"";color:var(--arrow-after-text-color);text-shadow:0 0 1vw #f5f5f5;opacity:0;font-size:max(1.5vw,20px);transition-duration:.5s;position:relative;top:83px;left:100px}nav .directionLeftContact:after{content:"Portfolio"}nav .directionLeftPortfolio:after{content:"Home"}nav .directionLeft:hover:after,nav .directionLeft:focus:after{opacity:1;left:140px}nav .directionLeft{z-index:20;width:200px;height:200px;display:inline-block;position:fixed;top:calc(50vh - 100px);left:0}nav .directionLeft span{background-color:var(--arrow-color);width:40%;height:3px;display:block;position:relative;top:75px;left:50px}nav .directionLeft span:before{content:"";background-color:var(--arrow-color);width:100%;height:3px;display:block;position:relative}nav .directionLeft:hover span,nav .directionLeft:focus span{rotate:-50deg}nav .directionLeft:hover span:before,nav .directionLeft:focus span:before{top:38px;left:-46px;rotate:-80deg}nav .directionLeftDisappearance span,nav .directionLeftDisappearance:hover span,nav .directionLeftDisappearance:focus span{transition-duration:.2s;rotate:none}nav .directionLeftDisappearance span:before,nav .directionLeftDisappearance:hover span:before,nav .directionLeftDisappearance:focus span:before{visibility:hidden;transition-duration:.2s;top:0;left:0;rotate:-180deg}nav .directionLeftDisappearance{opacity:0;visibility:hidden;transition-duration:.5s;transition-delay:.3s;left:-50vw}nav .directionLeftAppearance span{animation-name:directionLeftAppearanceArrow;animation-duration:.2s;animation-delay:.6s;animation-fill-mode:forwards}nav .directionLeftAppearance:hover span,nav .directionLeftAppearance:focus span{animation-fill-mode:none}nav .directionLeftAppearance span:before{animation-name:directionLeftAppearanceArrowBefore;animation-duration:.2s;animation-delay:.6s;animation-fill-mode:forwards}nav .directionLeftAppearance:hover span:before,nav .directionLeftAppearance:focus span:before{animation-fill-mode:none}nav .directionLeftAppearance{animation-name:directionLeftAppearance;animation-duration:.5s}@keyframes directionLeftAppearance{0%{visibility:hidden;left:-50vw}to{visibility:visible;left:calc(5% + 40px)}}@keyframes directionLeftAppearanceArrow{0%{visibility:hidden;rotate:none}to{visibility:visible;rotate:-45deg}}@keyframes directionLeftAppearanceArrowBefore{0%{visibility:hidden;top:0;left:0;rotate:-180deg}to{visibility:visible;top:40px;left:-40px;rotate:-90deg}}.github{width:30px;height:30px;margin-right:10px}.github-hidden{visibility:hidden}.linkedin{background-color:#fff;border-radius:5px;width:30px;height:30px;margin-right:10px}@-moz-document url-prefix(){.linkedin{clip-path:rect(1px 1px 29px 29px);border-radius:0}}.linkedin-hidden{visibility:hidden}.github-link{background-color:var(--github);justify-content:flex-end;align-items:center;width:0;height:50px;transition-duration:.5s;display:flex;position:fixed;top:40vh;left:0}.github-link:hover,.github-link:focus{width:100px;transition-duration:.5s}.github-link-appearance{width:50px;animation-name:github-link-appearance;animation-duration:.7s;animation-fill-mode:forwards}@keyframes github-link-appearance{0%{visibility:hidden;left:-50vw}to{visibility:visible;left:0}}.github-link-appearance:hover,.github-link-appearance:focus{animation-fill-mode:none}.github-link-hidden{width:0;transition-duration:.1s;left:-1vw}.linkedin-link{background-color:var(--linkedin);text-align:center;justify-content:flex-end;align-items:center;width:0;height:50px;transition-duration:.7s;display:flex;position:fixed;top:calc(40vh + 50px);left:0}.linkedin-link:hover,.linkedin-link:focus{width:100px;transition-duration:.5s}.linkedin-link-appearance{width:50px;animation-name:linkedin-link-appearance;animation-duration:.9s;animation-fill-mode:forwards}.linkedin-link-appearance:hover,.linkedin-link-appearance:focus{animation-fill-mode:none}@keyframes linkedin-link-appearance{0%{visibility:hidden;left:-50vw}to{visibility:visible;left:0}}.linkedin-link-hidden{width:0;transition-duration:.1s;transition-delay:.1s;left:-1vw}@media screen and (max-width:1700px){nav .directionRight:after{right:20px}nav .directionRight:hover:after,nav .directionRight:focus:after{opacity:1;right:50px}}@media screen and (max-width:1192px){.project{max-width:none}.project-container{grid-template-columns:auto;margin:60px 290px 0;padding-bottom:60px}}@media screen and (max-width:1004px){nav .directionRight:after,nav .directionLeft:after{visibility:hidden}.project-container{grid-template-columns:auto;margin:60px 190px 0}}@media screen and (max-width:992px){.about h1{font-size:4vw}.about p{font-size:2.5vw}.language button:focus{border:none}.language button:hover{font-size:20px}.form textarea{scrollbar-width:none}}@media screen and (max-width:768px){.about{min-height:auto;padding-top:80px}.about h1{text-align:center;margin-bottom:40px;font-size:30px}.about p{margin-bottom:40px;font-size:20px}.project-container{margin:60px 10px 0}nav .directionRight{visibility:hidden}nav .directionRightAppearance span,nav .directionRightAppearance span:before,nav .directionRightAppearance{animation:none}nav .directionLeft{visibility:hidden}nav .directionLeftAppearance span,nav .directionLeftAppearance span:before,nav .directionLeftAppearance{animation:none}.github{width:50px;height:50px;margin:0}.github-link{border-radius:20px;justify-content:center;width:70px;height:70px;margin-top:20px;margin-bottom:20px;margin-right:20px;position:relative;top:0;overflow:hidden}.github-link:after{background-color:var(--github-button-hover);z-index:10;content:"";width:70px;height:70px;transition-duration:.4s;position:absolute;transform:translate(-100%)}.github-link:hover,.github-link:focus{width:70px}.github-link:hover:after,.github-link:focus:after{transform:translate(0,0)}.github-link-appearance{animation-name:github-link-appearance;animation-duration:.3s;animation-fill-mode:forwards}.github-link-appearance:hover,.github-link-appearance:focus{animation-fill-mode:forwards}@keyframes github-link-appearance{0%{top:120vh}to{top:0}}.github-link-hidden{animation-name:github-link-hidden;animation-duration:.7s;animation-fill-mode:forwards}@keyframes github-link-hidden{0%{top:0}to{top:120vh}}.linkedin{width:50px;height:50px;margin:0}@-moz-document url-prefix(){.linkedin{clip-path:rect(1px 1px 49px 49px);border-radius:0}}.linkedin-link{border-radius:20px;justify-content:center;width:70px;height:70px;margin-top:20px;margin-bottom:20px;position:relative;top:0;overflow:hidden}.linkedin-link:hover,.linkedin-link:focus{width:70px}.linkedin-link:after{background-color:var(--linkdedin-button-hover);z-index:10;content:"";border-radius:3px;width:70px;height:70px;transition-duration:.4s;position:absolute;transform:translate(-100%)}.linkedin-link:hover:after,.linkedin-link:focus:after{transform:translate(0,0)}.linkedin-link-appearance{animation-name:linkedin-link-appearance;animation-duration:.3s;animation-fill-mode:forwards}.linkedin-link-appearance:hover{animation-fill-mode:forwards}@keyframes linkedin-link-appearance{0%{top:120vh}to{top:0}}.linkedin-link-hidden{animation-name:github-link-hidden;animation-duration:.7s;animation-fill-mode:forwards}@keyframes linkedin-link-hidden{0%{top:0}to{top:120vh}}.github-linkedin-button-container .github-button-text,.github-linkedin-button-container .linkedin-button-text{visibility:hidden;width:0}.github-linkedin-button-container .github-button{border-radius:20px;width:70px;height:70px;margin-bottom:20px}.github-linkedin-button-container .github-button:after{width:70px;height:70px}.github-linkedin-button-container .linkedin-button{border-radius:20px;width:70px;height:70px;margin-bottom:20px}.github-linkedin-button-container .linkedin-button:after{width:70px;height:70px}.github-button-img{width:50px;height:50px;margin:10px}.linkedin-button-img{border-radius:5px;width:50px;height:50px;margin:10px}.github-linkedin-home-container{justify-content:center;display:flex}.contact{width:auto}.contact-container{display:block}.contact h2,.contact h1{text-align:center;margin-left:0;padding-top:80px}.contact p{width:80%;margin-left:10%;margin-right:10%}.form{align-items:center;width:100vw}.form input,.form textarea{width:80%;margin-left:0}.github-linkedin-button-container{justify-content:center}.portfolio{margin:0;padding-top:80px}}