.background-about{position:fixed;top:0;bottom:0;left:0;right:0;z-index:0;background-size:cover;margin:0;overflow:hidden!important;background:rgb(236,236,236)}.nav-link-about{margin:20px 20px 20px 0;text-decoration:none;font-size:1.9em;color:#000;font-family:PPFragment,sans-serif}.line{position:relative;left:0;border-bottom:3px solid #000;margin:10px 0;width:120px;display:block;transition:width .3s ease-in-out}.about-container{display:grid;grid-template-columns:80% 20%;height:100vh;position:relative;padding-top:155px;overflow:hidden!important}.canvas-container{width:100%;height:100%;grid-column:1}.link-container{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding-right:20px;padding-top:75px;grid-column:2;position:absolute;top:0;height:100%;width:20%;z-index:1}@media screen and (min-width: 768px) and (max-width: 1024px){.line{width:120px;border-bottom:2px solid #000}.nav-link-about{margin:7px 7px 7px 0;font-size:2.1em}.canvas-container{width:90%;height:65vh;position:absolute;top:55%;left:40%;transform:translate(-50%,-50%)}.about-container{display:grid;grid-template-columns:75% 25%;height:100vh;position:relative;padding-top:155px}.link-container{padding-top:0}}@media (min-width: 769px){.nav-link-about:hover+.line{width:20px}.nav-link-about:hover{color:#6b6b6b;transition:color .1s ease-out}}@media (max-width: 767px){.line{width:90px;border-bottom:2px solid #000}.nav-link-about{margin:1px 1px 1px 0;font-size:1.6em}.about-container{grid-template-columns:70% 30%;padding-top:0;height:85vh}.link-container{padding-top:50px;width:30%}.canvas-container{width:90%;height:50vh;position:absolute;top:60%;left:42%;transform:translate(-50%,-50%)}}@media (max-width: 380px){.nav-link-about{font-size:1.2em}.link-container{padding-top:20px}.line{width:65px;border-bottom:2px solid #000}}