diff --git a/AdaBobbiCara/enconv.css b/AdaBobbiCara/enconv.css new file mode 100644 index 0000000..6a87766 --- /dev/null +++ b/AdaBobbiCara/enconv.css @@ -0,0 +1,74 @@ +body{ + font-family: 'Courier New', Courier, monospace; + margin: 0; + padding: 0; + background-image: url('/public_html/si21-2/enconv/bg.jpg'); + background-size: cover; + background-repeat: no-repeat; + background-position: center; +} + +h1{ + text-align: center; +} + +p{ + text-align: center; +} + + +div{ + animation: glitch 1s linear infinite; +} + +@keyframes glitch{ + 2%,64%{ + transform: translate(2px,0) skew(0deg); + } + 4%,60%{ + transform: translate(-2px,0) skew(0deg); + } + 62%{ + transform: translate(0,0) skew(5deg); + } +} + + +form { + display: flex; + flex-direction: row; + justify-content: center; + align-items: center; + margin-top: 20px; +} + +label { + font-weight: bold; + margin-right: 10px; +} + +input[type="text"] { + padding: 5px; + border-radius: 5px; + border: 1px solid #ccc; +} + +button{ + padding: 5px 20px; + border-radius: 5px; + background-color: #ff5900; + color: #fff; + border: none; + cursor: pointer; +} + +table { + margin-top: 20px; + border-collapse: collapse; +} + +th, td { + padding: 10px; + border: 1px solid #ccc; + text-align: center; +}