@import url("gotan.css");
body {margin:0; height:100vh;}
#wrp {height:60%; border:3px solid darksalmon; border-radius:3vw; background:url("../imgs/opUnderBld.png") center/contain no-repeat;}
 #wrp > img {min-width:50px; min-height:50px; float:left;}
#ifo {float:right; position:absolute; bottom:0.5vh; right:3vw;}
 #ifo > img {min-width:1rem; min-height:1rem; vertical-align:bottom;}
 #ifo > a {margin-left:0.5vw; font-size:3vw; color:crimson;}

@media only screen and (orientation:landscape){
 #wrp {width:50%;}
  #wrp > img {width:6vw; height:6vw;}
 #ifo > img {width:2vw; height:2vw;}
  #ifo > a {font-size:2vw;}
}
@media only screen and (orientation:portrait){
 #wrp {width:80%;}
  #wrp > img {width:6vh; height:6vh;}
 #ifo > img {width:1vh; height:1vh;}
}
@media only screen and (max-height:400px){
 #ifo > a {font-size:1vw;}
}