* {
            margin: 0;
            padding: 0;
            font-family: Helvetica;
         }
         #container {
            position: relative;
            width: 50%;
            margin: 0 auto;
            margin-top: 100px;
            border: none;
         }
         textarea {
            position: absolute;
            top: 100px;
            left: 50px;
            width: 200px;
         }
         #target-to-copy {
            width: 100%;
            margin-top: 6%;
         }
         .button {
            display: block;
            box-sizing: border-box;
            float: right;
            padding: 2.5%;
            width: 47%;
            background-color: #FFF;
            background-color: rgba(255, 255, 255, 0.2);
            text-align: center;
            border: none;
            font-size: 30px;
            letter-spacing: 1px;
            transition: all 0.3s 
         ease-out;
         }
         .button[value="Hex"] {
            float: left;
         }
         .button[value="Copy Code"] {
            margin-top: 6%;
            width: 100%;
         }
         .code {
            text-align: center;
            color: #FFF;
            font-size: 35px;
            width: 90%;
            height: 100px;
            padding: 5%;
            float: left;
         }
         #hex {
            /*display: none;*/
         }
         #rgb {
            /*display: none;*/
         }
         .button:focus,
         .button:hover,
         .button:active {
            background-color: #FFF;
            transition: all 0.5s 
         ease-in;
         }
         @media (min-width: 430px) and (max-width: 639px) {
            .code {
               font-size: 30px;
            }
            .button {
               width: 100%;
               font-size: 30px;
               padding: 10%;
            }
            .button[value="RGB"] {
               margin-top: 6%;
            }
         }
         @media (max-width: 455px) {
            .code {
               font-size: 25px;
            }
         }
         @media (max-width: 429px) {
            .code {
               font-size: 20px;
            }
            .button {
               width: 100%;
               font-size: 25px;
               padding: 10%;
            }
            .button[value="RGB"] {
               margin-top: 6%;
            }
         }
         @media (max-width: 300px) {
            .button {
               font-size: 20px;
            }
         }