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}*{box-sizing:border-box;list-style:none;margin:0;outline:0;padding:0;text-decoration:none}:root{--background:#3c3c3c;--text-color:#f5f5f5;--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:rgba(83,83,83,.842);--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:#000;--menu-item-active-color:#e6e6e6;--menu-item-active-shadow-color:#252525;--menu-item-after-before-color:#2e2e2e}.App{background-color:#3c3c3c;background-color:var(--background);min-height:100vh;overflow:hidden;width:100%}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{border-radius:5px;box-shadow:inset 0 0 5px #282828;box-shadow:inset 0 0 5px var(--background-main)}::-webkit-scrollbar-thumb{background:#8f8f8f;background:var(--hamburger-menu-color);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#000}@media screen and (max-width:992px){::-webkit-scrollbar{width:0}.App{overflow-x:hidden;overflow-y:auto}}.menu-list{align-items:center;background-color:var(--menu-backgroud-color);display:flex;flex-direction:column;height:100vh;justify-content:center;padding-bottom:20vh;padding-top:20vh;position:fixed;top:-100vh;transition-duration:.2s;width:100vw;z-index:50}.menu-list-visible{top:0}.menu-item{align-items:center;display:flex;height:20vh;justify-content:center;position:relative;top:-100vh;transition-duration:1s;width:100%}.menu-item-portfolio{transition-delay:.2s}.menu-item-about{transition-delay:.4s}.menu-item-visible{top:0}.menu-item span{align-items:center;color:var(--menu-item-color);display:flex;font-size:max(3.5vw,35px);height:20vh;justify-content:center;max-width:600px;overflow:hidden;position:relative;width:90%}.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{align-self:flex-end;transform:translate3d(100%,0,0);z-index:-2}.menu-item span:after,.menu-item span:before{background-color:var(--menu-item-after-before-color);content:"";display:block;height:15vh;max-width:600px;position:absolute;transition-duration:.4s;width:100%}.menu-item span:before{align-self:flex-start;transform:translate3d(-100%,0,0);z-index:-1}.menu-item:hover span:after,.menu-item:hover span:before{transform:translateZ(0);transition-duration:.8s}.language{left:10px;position:fixed;top:30px;z-index:25}.language-show{animation-duration:.3s;animation-name:languageShow}@keyframes languageShow{0%{left:-50px}to{left:10px}}.language button{background-color:var(--background-main);border:0;color:var(--text-color);cursor:pointer;font-size:20px;outline:0}.language button:focus{animation-duration:.5s;animation-iteration-count:infinite;animation-name:language;animation-timing-function:linear}@keyframes language{0%{border-bottom:none}to{border-bottom:1px solid var(--text-color)}}.language button:hover{font-size:30px}.language-hide{left:-50px;transition-duration:.1s}.hamburger-menu-label{cursor:pointer;display:block;height:66px;left:calc(95% - 40px);position:fixed;top:50px;width:54px;z-index:100}.hamburger-menu{left:7px;top:20px;width:75%}.hamburger-menu,.hamburger-menu:after,.hamburger-menu:before{background-color:var(--hamburger-menu-color);display:block;height:4px;position:relative;transition-duration:.1s}.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,.hamburger-menu-appearance:after{animation-duration:.4s;animation-name:hamburger-menu-appearance}.hamburger-menu-appearance:after{animation-delay:.1s}.hamburger-menu-appearance:before{animation-delay:.05s;animation-duration:.4s;animation-name:hamburger-menu-appearance}@keyframes hamburger-menu-appearance{0%{left:20vw}to{left:0}}.hamburger-menu-disappearance{animation-delay:.1s;animation-duration:.4s;animation-fill-mode:forwards;animation-name:hamburger-menu-disappearance}.hamburger-menu-disappearance:after{animation-duration:.2s;animation-name:hamburger-menu-disappearance}.hamburger-menu-disappearance:before{animation-delay:.05s;animation-duration:.4s;animation-name:hamburger-menu-disappearance}@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{animation-duration:.6s;animation-name:hamburger-label-rotate;left:-2px;rotate:60deg;top:30px;width:60px}.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{bottom:10px;color:#f5f5f5;display:inline-block;font-size:20px;position:fixed;text-align:center;transition-duration:.4s;width:100vw;z-index:3}.footer-hidden{bottom:-20px}@media screen and (max-width:768px){footer{background-color:var(--background-main);padding-bottom:20px;position:static}.footer-hidden{bottom:-100vh;position:relative;transition-duration:.2s}}.scene{height:100vh;perspective:100vw;width:100vw}.App-page{transform:translateZ(-50vw);transition-duration:.8s;transition-timing-function:cubic-bezier(.65,.05,.105,.95)}.main{position:relative;transform-style:preserve-3d}.current,.main{height:100vh;width:100vw}.current{background-color:var(--background-main);position:absolute}.scene-move{height:100vh;position:fixed;top:0;width:100vw;z-index:10}.scene-move-right{left:100vw}.scene-move-left{left:-100vw}.loader,.main-move{height:100vh;position:fixed;top:0;width:100vw}.loader{background-color:var(--background-main)}.rotate-page{animation:rotate-page .8s cubic-bezier(.65,.05,.105,.95) both;transform-style:preserve-3d}@keyframes rotate-page{to{opacity:1;transform:rotateY(-90deg) translateZ(46vw)}}.moveleft{left:0;transition-duration:.85s;transition-timing-function:cubic-bezier(.65,.9,.125,.9)}.rotate-page-right{animation:rotate-page-right .8s cubic-bezier(.65,.05,.105,.95) both;transform-style:preserve-3d}@keyframes rotate-page-right{to{opacity:1;transform:rotateY(90deg) translateZ(46vw)}}@media screen and (max-width:768px){.current{min-height:100vh;position:static}.current,.main,.scene{height:auto}}*{font-weight:700}.about{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:99vh;opacity:0;transition-duration:.1s}.about h1{color:var(--text-color);font-size:3.5vw;margin-bottom:20px}.about h1 .name{color:var(--name-color)}.about p{color:var(--text-color)}.about p,.cv-container{font-size:2vw;text-align:center}.cv-container{margin-top:30px}.cv-container a:hover{color:var(--cv-hover)}.cv-container a{color:var(--text-color);cursor:pointer;font-size:max(2vw,30px);text-align:center}.cv-container a:focus{animation-duration:.2s;animation-iteration-count:infinite;animation-name:cv-button;animation-timing-function:linear}@keyframes cv-button{0%{border-bottom:none}to{border-bottom:1px solid var(--text-color)}}.portrait{-webkit-clip-path:circle(40%);clip-path:circle(40%);margin:10px;min-width:250px;width:20vw}.about-visible{animation-duration:.5s;animation-fill-mode:forwards;animation-name:about-visible}@keyframes about-visible{0%{opacity:0;width:90vw}to{opacity:1;width:100vw}}.about-cursor{animation:cursor-show .75s infinite}@keyframes cursor-show{0%{opacity:0}50%{opacity:1}to{opacity:0}}.contact-container{align-items:center;display:flex;justify-content:center;min-height:99vh}.contact{text-align:start;width:50vw}.contact h1,.contact h2{color:var(--text-color);font-size:max(3vw,40px);margin-bottom:20px;margin-left:10px}.contact p{color:var(--arrow-after-text-color);margin-bottom:20px;margin-left:20px;width:40vw}.contact .github-linkedin-button-heading{margin-top:60px}.form{display:flex;flex-direction:column;justify-content:center;margin-bottom:20px;width:50vw}.form input,form textarea{background:none;border-bottom-width:2px;border-left:0;border-right:0;border-top:0;border-color:var(--arrow-color);box-sizing:border-box;color:var(--text-color);font-family:Arial;font-size:15px;margin:20px 0 20px 20px;min-height:40px;width:100%}.form input:focus,form textarea:focus{border-color:var(--text-color)}@-moz-document url-prefix(){.form textarea{scrollbar-color:var(--hamburger-menu-color) var(--background-main);scrollbar-width:thin}}.form textarea{min-height:100px;resize:none}.form .submit-button{background-color:var(--submit-button);border:none;border-radius:3px;cursor:pointer;font-family:Arial,Helvetica,sans-serif;font-size:15px;font-weight:700;max-width:300px;min-width:180px;min-width:220px;width:20vw}.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{align-items:center;background-color:var(--github);border-radius:3px;display:flex;height:40px;margin-left:20px;margin-right:10px;max-width:200px;overflow:hidden;position:relative}.github-linkedin-button-container .github-button:after{background-color:var(--github-button-hover);border-radius:3px;content:"";height:40px;position:absolute;transform:translate3d(-100%,0,0);transition-duration:.8s;width:120px;z-index:10}.github-linkedin-button-container .github-button:focus:after,.github-linkedin-button-container .github-button:hover:after{transform:translateZ(0)}.github-button-img{height:20px;margin-left:20px;margin-right:5px;width:20px}.github-linkedin-button-container .github-button-text{color:var(--text-color);padding-right:20px}.github-linkedin-button-container .linkedin-button{align-items:center;background-color:var(--linkedin);border-radius:3px;display:flex;height:40px;max-width:300px;overflow:hidden;position:relative}.github-linkedin-button-container .linkedin-button:after{background-color:var(--linkdedin-button-hover);border-radius:3px;content:"";height:40px;position:absolute;transform:translate3d(-100%,0,0);transition-duration:.8s;width:150px;z-index:10}.github-linkedin-button-container .linkedin-button:focus:after,.github-linkedin-button-container .linkedin-button:hover:after{transform:translateZ(0)}.linkedin-button-img{border-radius:3px;height:20px;margin-left:20px;margin-right:5px;width:20px}.github-linkedin-button-container .linkedin-button-text{color:var(--text-color);padding-right:20px}.portfolio{margin-top:80px}.portfolio h1{margin-bottom:20px}.portfolio .skills,.portfolio h1{color:var(--text-color);text-align:center}.portfolio .skills{margin:20px}.project-container{grid-gap:50px;display:grid;grid-template-columns:auto auto;margin:60px 290px 0}.project{max-width:calc(50vw - 315px);min-width:281px;overflow:hidden}.project,.project img{height:260px;width:100%}.project img{object-fit:cover}.focus-link{cursor:auto}.project-text-link{background-color:var(--project-color);display:flex;flex-direction:column;height:101%;justify-content:space-between;position:relative;transition-duration:.2s;width:100%}.project:hover .project-text-link{transform:translateY(-265px);transition-duration:.5s}.project:has(.focus-link:focus) .project-text-link{transform:translateY(-265px);transition-duration:.5s}.projetc-h2-conatiner{margin:5px;overflow:hidden}.projetc-h2{background-color:var(--project-item-color);border:solid #000;border-radius:1px;border-width:1px 1px 2px;box-shadow:1px 1px 0 #000;color:var(--project-text-color);display:inline-block;opacity:0;padding:3px;transform:translateY(-80px);-webkit-transform:rotateX(90deg);transition:transform .285s cubic-bezier(.5,1.5,.5,1.5)}.project:hover .projetc-h2{opacity:1;transform:rotateX(0) translateZ(0);transition-delay:.5s;transition-duration:.3s}.project:has(.focus-link:focus) .projetc-h2{opacity:1;transform:rotateX(0) translateZ(0);transition-delay:.5s;transition-duration:.3s}.project-tech-container{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin:0 10px}.project-tech-item-container{overflow:hidden}.project-tech-item{background-color:var(--project-item-color);border:solid #000;border-radius:1px;border-width:1px 1px 2px;box-shadow:1px 1px 0 #000;color:var(--project-text-color);display:inline-block;margin:5px;opacity:0;padding:3px;position:relative;transform:translateY(-80px);-webkit-transform:rotateX(90deg);transition:transform .285s cubic-bezier(.5,1.5,.5,1.5)}.project:hover .project-tech-item{opacity:1;transform:rotateX(0) translateZ(0);transition-duration:.3s}.project:has(.focus-link:focus) .project-tech-item{opacity:1;transform:rotateX(0) translateZ(0);transition-duration:.3s}.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{display:flex;justify-content:space-evenly;width:100%}.github-pages-conatiner a{border-radius:40%;color:var(--text-color);display:block;margin:5px;opacity:0;position:relative;transform:translateY(-80px);-webkit-transform:rotateX(90deg);transition:transform .285s cubic-bezier(.5,1.5,.5,1.5)}.github-pages-conatiner a img{background-color:var(--project-item-color);border-radius:50%;height:30px;width:30px}.project:hover .github-pages-conatiner a{opacity:1;transform:rotateX(0) translateZ(0);transition-delay:.5s;transition-duration:.3s}.project:has(.focus-link:focus) .github-pages-conatiner a{opacity:1;transform:rotateX(0) translateZ(0);transition-delay:.5s;transition-duration:.3s}nav .directionRight{display:inline-block;height:200px;position:fixed;right:0;top:calc(50vh - 100px);width:200px;z-index:20}nav .directionRight span{left:60px;top:75px;width:40%}nav .directionRight span,nav .directionRight span:before{background-color:var(--arrow-color);display:block;height:3px;position:relative}nav .directionRight span:before{content:"";width:100%}nav .directionRight:focus span,nav .directionRight:hover span{rotate:50deg}nav .directionRight:focus span:before,nav .directionRight:hover span:before{left:45px;rotate:80deg;top:38px}nav .directionRight:after{color:var(--arrow-after-text-color);content:"";font-size:max(1.5vw,20px);opacity:0;position:relative;right:40px;text-shadow:0 0 1vw #f5f5f5;top:83px;transition-duration:.5s}nav .directionRightHome:after{content:"Portfolio"}nav .directionRightPortfolio:after{content:"Contact"}nav .directionRight:focus:after,nav .directionRight:hover:after{opacity:1;right:80px}nav .directionRightDisappearance span,nav .directionRightDisappearance:focus span,nav .directionRightDisappearance:hover span{rotate:0deg;transition-duration:.2s}nav .directionRightDisappearance span:before,nav .directionRightDisappearance:focus span:before,nav .directionRightDisappearance:hover span:before{left:0;rotate:180deg;top:0;transition-duration:.2s;visibility:hidden}nav .directionRightDisappearance{left:150vw;transition-delay:.3s;transition-duration:.5s;visibility:hidden}nav .directionRightAppearance span{animation-delay:.6s;animation-duration:.2s;animation-fill-mode:forwards;animation-name:directionRightAppearanceArrow}nav .directionRightAppearance:focus span,nav .directionRightAppearance:hover span{animation-fill-mode:none}nav .directionRightAppearance span:before{animation-delay:.6s;animation-duration:.2s;animation-fill-mode:forwards;animation-name:directionRightAppearanceArrowBefore}nav .directionRightAppearance:focus span:before,nav .directionRightAppearance:hover span:before{animation-fill-mode:none}nav .directionRightAppearance{animation-duration:.5s;animation-name:directionRightAppearance}@keyframes directionRightAppearance{0%{left:150vw;visibility:hidden}to{left:calc(95% - 40px);visibility:visible}}@keyframes directionRightAppearanceArrow{0%{rotate:0deg;visibility:hidden}to{rotate:45deg;visibility:visible}}@keyframes directionRightAppearanceArrowBefore{0%{left:0;rotate:180deg;top:0;visibility:hidden}to{left:40px;rotate:90deg;top:40px;visibility:visible}}nav .directionLeft:after{color:var(--arrow-after-text-color);content:"";font-size:max(1.5vw,20px);left:100px;opacity:0;position:relative;text-shadow:0 0 1vw #f5f5f5;top:83px;transition-duration:.5s}nav .directionLeftContact:after{content:"Portfolio"}nav .directionLeftPortfolio:after{content:"Home"}nav .directionLeft:focus:after,nav .directionLeft:hover:after{left:140px;opacity:1}nav .directionLeft{display:inline-block;height:200px;left:0;position:fixed;top:calc(50vh - 100px);width:200px;z-index:20}nav .directionLeft span{left:50px;top:75px;width:40%}nav .directionLeft span,nav .directionLeft span:before{background-color:var(--arrow-color);display:block;height:3px;position:relative}nav .directionLeft span:before{content:"";width:100%}nav .directionLeft:focus span,nav .directionLeft:hover span{rotate:-50deg}nav .directionLeft:focus span:before,nav .directionLeft:hover span:before{left:-46px;rotate:-80deg;top:38px}nav .directionLeftDisappearance span,nav .directionLeftDisappearance:focus span,nav .directionLeftDisappearance:hover span{rotate:0deg;transition-duration:.2s}nav .directionLeftDisappearance span:before,nav .directionLeftDisappearance:focus span:before,nav .directionLeftDisappearance:hover span:before{left:0;rotate:-180deg;top:0;transition-duration:.2s;visibility:hidden}nav .directionLeftDisappearance{left:-50vw;opacity:0;transition-delay:.3s;transition-duration:.5s;visibility:hidden}nav .directionLeftAppearance span{animation-delay:.6s;animation-duration:.2s;animation-fill-mode:forwards;animation-name:directionLeftAppearanceArrow}nav .directionLeftAppearance:focus span,nav .directionLeftAppearance:hover span{animation-fill-mode:none}nav .directionLeftAppearance span:before{animation-delay:.6s;animation-duration:.2s;animation-fill-mode:forwards;animation-name:directionLeftAppearanceArrowBefore}nav .directionLeftAppearance:focus span:before,nav .directionLeftAppearance:hover span:before{animation-fill-mode:none}nav .directionLeftAppearance{animation-duration:.5s;animation-name:directionLeftAppearance}@keyframes directionLeftAppearance{0%{left:-50vw;visibility:hidden}to{left:calc(5% + 40px);visibility:visible}}@keyframes directionLeftAppearanceArrow{0%{rotate:0deg;visibility:hidden}to{rotate:-45deg;visibility:visible}}@keyframes directionLeftAppearanceArrowBefore{0%{left:0;rotate:-180deg;top:0;visibility:hidden}to{left:-40px;rotate:-90deg;top:40px;visibility:visible}}.github{height:30px;margin-right:10px;width:30px}.github-hidden{visibility:hidden}.linkedin{background-color:#fff;border-radius:5px;height:30px;margin-right:10px;width:30px}@-moz-document url-prefix(){.linkedin{border-radius:0;clip-path:rect(1px 1px 29px 29px)}}.linkedin-hidden{visibility:hidden}.github-link{align-items:center;background-color:var(--github);display:flex;height:50px;justify-content:flex-end;left:0;position:fixed;top:40vh;transition-duration:.5s;width:0}.github-link:focus,.github-link:hover{transition-duration:.5s;width:100px}.github-link-appearance{animation-duration:.7s;animation-fill-mode:forwards;animation-name:github-link-appearance;width:50px}@keyframes github-link-appearance{0%{left:-50vw;visibility:hidden}to{left:0;visibility:visible}}.github-link-appearance:focus,.github-link-appearance:hover{animation-fill-mode:none}.github-link-hidden{left:-1vw;transition-duration:.1s;width:0}.linkedin-link{align-items:center;background-color:var(--linkedin);display:flex;height:50px;justify-content:flex-end;left:0;position:fixed;text-align:center;top:calc(40vh + 50px);transition-duration:.7s;width:0}.linkedin-link:focus,.linkedin-link:hover{transition-duration:.5s;width:100px}.linkedin-link-appearance{animation-duration:.9s;animation-fill-mode:forwards;animation-name:linkedin-link-appearance;width:50px}.linkedin-link-appearance:focus,.linkedin-link-appearance:hover{animation-fill-mode:none}@keyframes linkedin-link-appearance{0%{left:-50vw;visibility:hidden}to{left:0;visibility:visible}}.linkedin-link-hidden{left:-1vw;transition-delay:.1s;transition-duration:.1s;width:0}@media screen and (max-width:1700px){nav .directionRight:after{right:20px}nav .directionRight:focus:after,nav .directionRight:hover: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 .directionLeft:after,nav .directionRight: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{font-size:30px;margin-bottom:40px;text-align:center}.about p{font-size:20px;margin-bottom:40px}.project-container{margin:60px 10px 0}nav .directionRight{visibility:hidden}nav .directionRightAppearance,nav .directionRightAppearance span,nav .directionRightAppearance span:before{animation:none}nav .directionLeft{visibility:hidden}nav .directionLeftAppearance,nav .directionLeftAppearance span,nav .directionLeftAppearance span:before{animation:none}.github{height:50px;margin:0;width:50px}.github-link{border-radius:20px;height:70px;justify-content:center;margin-bottom:20px;margin-right:20px;margin-top:20px;overflow:hidden;position:relative;top:0;width:70px}.github-link:after{background-color:var(--github-button-hover);content:"";height:70px;position:absolute;transform:translate3d(-100%,0,0);transition-duration:.4s;width:70px;z-index:10}.github-link:focus,.github-link:hover{width:70px}.github-link:focus:after,.github-link:hover:after{transform:translateZ(0)}.github-link-appearance{animation-duration:.3s;animation-name:github-link-appearance}.github-link-appearance,.github-link-appearance:focus,.github-link-appearance:hover{animation-fill-mode:forwards}@keyframes github-link-appearance{0%{top:120vh}to{top:0}}.github-link-hidden{animation-duration:.7s;animation-fill-mode:forwards;animation-name:github-link-hidden}@keyframes github-link-hidden{0%{top:0}to{top:120vh}}.linkedin{height:50px;margin:0;width:50px}@-moz-document url-prefix(){.linkedin{border-radius:0;clip-path:rect(1px 1px 49px 49px)}}.linkedin-link{border-radius:20px;height:70px;justify-content:center;margin-bottom:20px;margin-top:20px;overflow:hidden;position:relative;top:0;width:70px}.linkedin-link:focus,.linkedin-link:hover{width:70px}.linkedin-link:after{background-color:var(--linkdedin-button-hover);border-radius:3px;content:"";height:70px;position:absolute;transform:translate3d(-100%,0,0);transition-duration:.4s;width:70px;z-index:10}.linkedin-link:focus:after,.linkedin-link:hover:after{transform:translateZ(0)}.linkedin-link-appearance{animation-duration:.3s;animation-name:linkedin-link-appearance}.linkedin-link-appearance,.linkedin-link-appearance:hover{animation-fill-mode:forwards}@keyframes linkedin-link-appearance{0%{top:120vh}to{top:0}}.linkedin-link-hidden{animation-duration:.7s;animation-fill-mode:forwards;animation-name:github-link-hidden}@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;height:70px;margin-bottom:20px;width:70px}.github-linkedin-button-container .github-button:after{height:70px;width:70px}.github-linkedin-button-container .linkedin-button{border-radius:20px;height:70px;margin-bottom:20px;width:70px}.github-linkedin-button-container .linkedin-button:after{height:70px;width:70px}.github-button-img,.linkedin-button-img{height:50px;margin:10px;width:50px}.linkedin-button-img{border-radius:5px}.github-linkedin-home-container{display:flex;justify-content:center}.contact{width:auto}.contact-container{display:block}.contact h1,.contact h2{margin-left:0;padding-top:80px;text-align:center}.contact p{margin-left:10%;margin-right:10%;width:80%}.form{align-items:center;width:100vw}.form input,.form textarea{margin-left:0;width:80%}.github-linkedin-button-container{justify-content:center}.portfolio{margin:0;padding-top:80px}}
/*# sourceMappingURL=main.2c27930c.css.map*/