diff --git a/stylepage.css b/stylepage.css deleted file mode 100644 index acddd56..0000000 --- a/stylepage.css +++ /dev/null @@ -1,136 +0,0 @@ -body{ - z-index: 1; - background-color: #e5e5e5; - margin: 20px; - text-align: center; -} - -.logo{ - display: block; -} - -h1{ - margin: 40px; - font-weight: bold; - color: #454545; -} - -p{ - font-weight: bold; - color: #454444; - font-size: 20px; - height: 20px; -} - -form{ - width: 400px; - position: relative; - background-color: #ffffff; - display: block; - margin: auto; - border-radius: 30px; - padding: 20px; -} - -.container-champ{ - position: relative; -} - -.container-champ small{ - display: none; - color: red; -} - -.champ{ - background-color: inherit; - display: flex; - position: relative; - flex-direction: row-reverse; - text-align: center; - color: #454444; - display: block; - margin: 10px auto; - border: 4px solid #4e4d4d; - padding: 10px 10px; - width: 200px; - border-radius: 30px; - transition: 0.25s; -} - -.entry{ - border: none; - resize: none; - outline: none; - width: 100%; - text-align: inherit; - background-color: inherit; - -webkit-appearance: none; - -moz-appearance: none; - appearance: none; -} - -.champ:focus, .champ:hover{ - width: 300px; - border-color: #ac2a8d; - background-color: #dddddd; -} - -.champ img{ - display: none; - position: relative; - float: right; - width: 20px; - bottom: 20px; - right: 20px; -} - -.submit{ - background-color: inherit; - display: flex; - position: relative; - flex-direction: row-reverse; - text-align: center; - color: #454444; - display: block; - margin: 10px auto; - border: 4px solid #4e4d4d; - padding: 10px 10px; - width: 200px; - border-radius: 30px; - transition: 0.25s; -} - -.submit:hover{ - width: 250px; - background-color: #82E6AC; - border-color: #2ecc71; -} - -.help{ - display: none; - z-index: 2; - position: absolute; - width: 170px; - right: 0; - top: 30%; - border-radius: 30px; - padding: 15px; - margin: 0; - background-color: #dddddd; -} - -.help * { - font-size: 14px; - width: 100%; -} - -.help p{ - position: relative; -} - -code { - background-color: #aaa; - border-radius: 5px; - font-family: courier, monospace; - padding: 3px 5px; -}