@media (min-width:0px) and (max-width:500px){.ss{color:azure;font-size:15px}.first,.main,.second{font-size:auto;border-color:#fff}ul{size:10px}.main{width:20em}}@media (min-width:500px) and (max-width:768px){.ss{color:azure;font-size:15px}.first,.main,.second{font-size:auto;border-color:#fff}ul{size:10px}.main{width:20em}}@media (min-width:768px){.first,.main,.second{font-size:auto;border-color:#fff}.ss{color:azure;font-size:15px}}.main{width:22em}@media (min-width:1000px){.main{width:24em}.first,.main,.second{font-size:50px;border-color:#fff}.ss{color:azure;font-size:20px}}.html{padding:auto}.ss{letter-spacing:0}ul{right:0;transition:all .5s;width:40px;font-weight:lighter}.main{height:auto;background-color:brown;border-radius:10px;padding-top:5px;padding-left:20px;padding-right:10px;padding-bottom:10px;box-shadow:2px 2px 10px 3px rgba(0,0,0,.2);transition:all .5s;float:right}li{background-color:brown;size:10px;padding:7.5px 16px;float:right;list-style:none;color:#fff;transition:all}#dock1{border-radius:5px 5px 0 0}#dock3{border-radius:0 0 5px 5px}li:hover{background-color:#a52a01}ul{z-index:5}h1{text-align:center}html{background-size:cover;background-color:#e1d3ae;color:#fff}body{margin-left:10px;margin-right:0}a{font-size:15px;text-align:center;color:#fff}html{width:100%;height:100%;overflow:hidden}body{position:fixed;left:0;top:0;width:100%;height:100%;letter-spacing:4px;font-size:28px;display:flex;justify-content:center;align-items:center}@media screen and (orientation:portrait){body{transform-origin:0 0;transform:rotateZ(90deg) translateY(-100%)}.first,.second{float:center}}