diff --git a/403.css b/403.css new file mode 100644 index 0000000..1da8e4f --- /dev/null +++ b/403.css @@ -0,0 +1,93 @@ +html { + height: 100%; +} + +body { + /* width: 100%; */ + height: 99%; + display: flex; + align-items: center; + justify-content: center; + flex-direction: column; + family: "Poppins", sans-serif; + background-image: linear-gradient(45deg, #f6d200 25%, #181617 25%, #181617 50%, #f6d200 50%, #f6d200 75%, #181617 75%, #181617 100%); +} + +h1 { + text-transform: uppercase; + background: repeating-linear-gradient(45deg, #f6d200, #f6d200 10px, #181617 10px, #181617 20px); + -webkit-background-clip: text; + -webkit-text-fill-color: transparent; + animation: move 5s ease infinite; + font-size: 384px; + margin: 0; + line-height: 0.7; + position: relative; + + -webkit-touch-callout: none; + -webkit-user-select: none; + -khtml-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + +} +h1:before, h1:after { + content: "Caution"; + background-color: #f6d200; + color: #181617; + border-radius: 10px; + font-size: 35px; + position: absolute; + padding: 31px; + text-transform: uppercase; + font-weight: bold; + -webkit-text-fill-color: #181617; + left: 50%; + top: 50%; + transform: translate(-50%, -50%) rotate(20deg); +} +h1:before { + content: ""; + padding: 70px 130px; + background: repeating-linear-gradient(45deg, #f6d200, #f6d200 10px, #181617 10px, #181617 20px); + box-shadow: 0px 0px 10px #181617; +} +h1 span:before, h1 span:after { + content: ""; + width: 8px; + height: 8px; + background: #757575; + color: #757575; + border-radius: 50%; + position: absolute; + bottom: 0; + margin: auto; + top: 20%; + z-index: 3; + box-shadow: 0px 60px 0 0px; +} +h1 span:before { + left: 37%; + transform: rotate(22deg); + top: -44%; +} +h1 span:after { + right: 34%; + transform: rotate(22deg); + top: 3%; +} +input { + margin-top: 3em; + background: #f6d200; + color: #181617; + border: 0; + padding: 20px 40px; + font-size: 20px; + font-weight: bold; + text-transform: uppercase; + border-radius: 10px; + box-shadow: 0px 0px 10px #181617; + cursor: pointer; + transition: all 0.3s ease; +} \ No newline at end of file diff --git a/403.html b/403.html new file mode 100644 index 0000000..3ff397c --- /dev/null +++ b/403.html @@ -0,0 +1,17 @@ + + +
+ + + +