diff options
Diffstat (limited to 'index.css')
| -rw-r--r-- | index.css | 244 |
1 files changed, 244 insertions, 0 deletions
diff --git a/index.css b/index.css new file mode 100644 index 0000000..d5aef29 --- /dev/null +++ b/index.css @@ -0,0 +1,244 @@ +video#video { + position: fixed; + top: 50%; + left: 50%; + min-width: 100%; + min-height: 100%; + width: auto; + height: auto; + z-index: -100; + transform: translateX(-50%) translateY(-50%); + background-size: cover; +} + + +.thetime { + margin: 0 auto; + max-width:100px; +} + + +/* The typing effect */ +@keyframes typing { + from { height: 0 } + to { height: 75% } +} + +/* The typewriter cursor effect */ +@keyframes blink-caret { + from, to { border-color: transparent } + 50% { border-color: white; } +} + + +* { +-webkit-user-select: none; +-khtml-user-select: none; +-moz-user-select: none; +-o-user-select: none; +user-select: none; +} + +@font-face { + font-family: 'Bebas Neue'; + font-style: normal; + font-weight: normal; + src: local('Bebas Neue'), url('BebasNeue.woff') format('woff'); + } + +@font-face { + font-family: 'CaviarDreams'; + font-style: normal; + font-weight: normal; + src: local('CaviarDreams'), url('CaviarDreams.woff') format('woff'); + } + +audio { + display:none; +} + +html, body { + margin:0; + padding:0; + height:100%; + overflow: hidden; +} + +body { + background-attachment: fixed;, + overflow:hidden; + +} + +sup,input, h1{ + font-family: 'CaviarDreams'; + color:gray; + +} + +#footer { + position:fixed; + right:0; + bottom:0; + margin:0; + padding:0; + width:75%; +} +#footer img {width:100%;} + +* { + font-family: 'CaviarDreams'; + color: white; +} +#b { + font-weight: bold; + color: black; +} + +font { + color:crimson; +} + +.centerContainer { + width: 1000px; + margin-left: auto; + margin-right: auto; +} + +#quoteText { + font-family: 'CaviarDreams'; + text-align: center; + font-size: 40px; + padding-top: 30px; + +} + +#headText { + font-family: 'CaviarDreams'; + text-align: center; + font-size: 40px; + padding-top: 25px; + +} + +#testo { + background-color: black; + border-style: solid; + text-align: center; + position: auto; + border-width: 2px; + font-size: 50%; + opacity: 0.5; + width: 500px; + margin-top: 30px; + margin-left: auto; + margin-right: auto; + padding-right: 6px; + font-family: 'CaviarDreams'; + + + + +} + + + + + +#divider { + height: 2px; + width: 400px; + margin-left: auto; + margin-right: auto; + background-color: white; + margin-top: 20px; + margin-bottom: 30px; +} + +#divider2 { + height: 2px; + width: 400px; + margin-left: auto; + margin-right: auto; + background-color: gray; + margin-top: 20px; + margin-bottom: 30px; +} + +#divider3 { + height: 2px; + width: 150px; + margin-left: auto; + margin-right: auto; + background-color: white; + margin-top: 20px; + margin-bottom: 30px; +} + +#logo { + width: 100%; +} +#List { + text-align: center; + margin-top: 30px; + font-size: 35px; + height: calc(100% - 450px); + width: 500px; + margin-left: auto; + margin-right: auto; + padding-right: 6px; + font-family: 'CaviarDreams'; + + +} + + +#membersList { + text-align: center; + margin-top: 30px; + overflow: hidden; + font-size: 40px; + height: calc(100% - 450px); + width: 300px; + margin-left: auto; + margin-right: auto; + padding-right: 6px; + font-family: 'Bebas Neue'; +} + +#membersList:hover { + padding-right: 0px; + overflow: auto; +} + + +#p { + font-family: 'CaviarDreams'; + color: white; + text-align: center; + font-size: 35px; + +} + + + +ul +{ + list-style-type: none; +} + +.bg {background-attachment:fixed; background-repeat: no-repeat; background-position:top right;background-size: cover;} + +.scrollbar::-webkit-scrollbar-track { + border-radius: 10px; + background-color: rgba(0, 0, 0, 0.3); +} + +.scrollbar::-webkit-scrollbar { + width: 6px; +} + +.scrollbar::-webkit-scrollbar-thumb { + border-radius: 10px; + background-color: rgba(255, 255, 255, 0.5); +}
\ No newline at end of file |