body{margin:0;padding:0;background:#333;background-attachment:fixed;background-size:cover}audio{position:absolute;z-index:-99;width:0;height:0}#video-background{position:fixed;width:100%;height:auto;z-index:-100}h2{position:absolute;z-index:10;font-family:Montserrat,sans-serif;font-size:.9rem}.maincontent{top:61%;left:44%}.message{top:61%;left:40%;color:#F0F0F0}.portfolio{top:65%;left:40.8%}h2>a{position:relative;color:#F0F0F0;text-decoration:none}h2>a:hover{color:#A7A7A7}h2>a:before{content:"";position:absolute;width:100%;height:2px;bottom:0;left:0;background-color:#A7A7A7;visibility:hidden;-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transition:all 0.3s ease-in-out 0s;transition:all 0.3s ease-in-out 0s}h2>a:hover:before{visibility:visible;-webkit-transform:scaleX(1);transform:scaleX(1)}@media (max-width:1224px){.maincontent{display:none}.message{display:block}}@media (min-width:1224px){.maincontent{display:block}.message{display:none}}