@import url('https://fonts.googleapis.com/css2?family=Red+Hat+Mono:ital,wght@0,300..700;1,300..700&display=swap');


body,.red-hat-mono-bold {
 font-family: "Red Hat Mono", monospace;
 font-optical-sizing: auto;
 font-weight: 700;
 font-style: normal;
 font-size: 3vh;
 /* text-size-adjust: none; */
}

body {
 user-select:none;
 background:#fff;
 color:#000;
 margin:4vh 2vw;
}

@media screen and (orientation: portrait) {
 body,.red-hat-mono-bold {
  font-size: 2.5vh;
 }
}

@media screen and (orientation: landscape) {
 body,.red-hat-mono-bold {
  font-size: 5vh;
 }

#nav {
 margin-bottom:4vh;
 white-space:nowrap;
}

a {
 text-decoration:underline;
 color:inherit;
}

/*
a:hover {
 text-decoration:none;
 color:inherit;
}
*/

svg {
 margin:0;
 display:block;
}

#djwest-art {
 height:auto;
 margin:0;
 position:absolute;
 top:50%;
 left:50%;
 transform:translate(-50%,-50%);
 width:95%;
}

#about {
 width:200px;
 height:50px;
}

#portfolio {
 width:310px;
 height:50px;
}

#say-hello {
 width:310px;
 height:50px;
}