diff --git a/src/css/normalize.css b/src/css/normalize.css new file mode 100644 index 0000000..13979ec --- /dev/null +++ b/src/css/normalize.css @@ -0,0 +1,207 @@ + +html { + line-height: 1.15; /* 1 */ + -webkit-text-size-adjust: 100%; /* 2 */ +} + +body { + margin: 0; +} + +main { + display: block; +} + + +h1 { + font-size: 2em; + margin: 0.67em 0; +} + + +hr { + box-sizing: content-box; /* 1 */ + height: 0; /* 1 */ + overflow: visible; /* 2 */ +} + + +pre { + font-family: monospace, monospace; /* 1 */ + font-size: 1em; /* 2 */ +} + +a { + background-color: transparent; +} + + +abbr[title] { + border-bottom: none; /* 1 */ + text-decoration: underline; /* 2 */ + text-decoration: underline dotted; /* 2 */ +} + + +b, +strong { + font-weight: bolder; +} + + +code, +kbd, +samp { + font-family: monospace, monospace; /* 1 */ + font-size: 1em; /* 2 */ +} + + +small { + font-size: 80%; +} + + +sub, +sup { + font-size: 75%; + line-height: 0; + position: relative; + vertical-align: baseline; +} + +sub { + bottom: -0.25em; +} + +sup { + top: -0.5em; +} + + +img { + border-style: none; +} + + +button, +input, +optgroup, +select, +textarea { + font-family: inherit; /* 1 */ + font-size: 100%; /* 1 */ + line-height: 1.15; /* 1 */ + margin: 0; /* 2 */ +} + + +button, +input { /* 1 */ + overflow: visible; +} + + +button, +select { /* 1 */ + text-transform: none; +} + + +button, +[type="button"], +[type="reset"], +[type="submit"] { + -webkit-appearance: button; +} + + +button::-moz-focus-inner, +[type="button"]::-moz-focus-inner, +[type="reset"]::-moz-focus-inner, +[type="submit"]::-moz-focus-inner { + border-style: none; + padding: 0; +} + + +button:-moz-focusring, +[type="button"]:-moz-focusring, +[type="reset"]:-moz-focusring, +[type="submit"]:-moz-focusring { + outline: 1px dotted ButtonText; +} + + +fieldset { + padding: 0.35em 0.75em 0.625em; +} + + +legend { + box-sizing: border-box; /* 1 */ + color: inherit; /* 2 */ + display: table; /* 1 */ + max-width: 100%; /* 1 */ + padding: 0; /* 3 */ + white-space: normal; /* 1 */ +} + + +progress { + vertical-align: baseline; +} + + +textarea { + overflow: auto; +} + + +[type="checkbox"], +[type="radio"] { + box-sizing: border-box; /* 1 */ + padding: 0; /* 2 */ +} + + +[type="number"]::-webkit-inner-spin-button, +[type="number"]::-webkit-outer-spin-button { + height: auto; +} + + +[type="search"] { + -webkit-appearance: textfield; /* 1 */ + outline-offset: -2px; /* 2 */ +} + + +[type="search"]::-webkit-search-decoration { + -webkit-appearance: none; +} + + +::-webkit-file-upload-button { + -webkit-appearance: button; /* 1 */ + font: inherit; /* 2 */ +} + +/ +details { + display: block; +} + + +summary { + display: list-item; +} + +template { + display: none; +} + +\ +[hidden] { + display: none; +} diff --git a/src/css/style.css b/src/css/style.css index 77b7f82..0583b92 100644 --- a/src/css/style.css +++ b/src/css/style.css @@ -1,4 +1,12 @@ -.left_board{ - max-width: 88px; - max-height: 80%; -} \ No newline at end of file +.rectangle-77, .rectangle-77 * { + box-sizing: border-box; + } +.rectangle-77 { + background: #17181c; + border-radius: 20px; + width: 1362px; + height: 87px; + position: relative; + box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25); + } + diff --git a/src/index.html b/src/index.html index b8bd70c..d7d14d6 100644 --- a/src/index.html +++ b/src/index.html @@ -3,11 +3,15 @@ + + + + + + LUCKY DIAMOND -
-
\ No newline at end of file