body{background:#5c5c5c}@media only screen and (min-width:768px){body{background:transparent}}.section-banner .title{font-size:2rem}@media only screen and (min-width:992px){.section-banner .title{font-size:4rem}}@media only screen and (min-width:1240px){.section-banner .title{font-size:5rem}}.section-banner .profile-img{width:250px;height:360px;-o-object-fit:cover;object-fit:cover;-o-object-position:0 0;object-position:0 0}a.text-primary-text:focus,a.text-primary-text:hover{opacity:.5}nav li{margin-right:16px}nav li:last-child{margin-right:0}.social-link li{margin-right:16px}.social-link li:last-child{margin-right:0}.transition{transition:.2s}canvas{position:relative;width:100%;height:100%}.banner-section{max-height:100vh;overflow-y:scroll}.hero-image img{width:100%;height:300px}@media only screen and (min-width:768px){.hero-image img{width:500px;height:500px;border:15px solid #fff}}