stage 2legacy-2

1 files changed, 221 insertions, 0 deletions

diff --git a/style.css b/style.css
new file mode 100644
index 0000000..2244541
--- /dev/null
+++ b/style.css
@@ -0,0 +1,221 @@
+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; 
+}
+
+.black {
+    position: fixed;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    z-index: 10;
+    background: rgba(0, 0, 0, 0.7);
+}
+
+html, body {
+  padding: 0;
+  margin: 0;
+  background-size:cover;
+  overflow: hidden;
+}
+
+* {
+-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%;
+}
+
+body { 
+    background-attachment: fixed;
+  
+}
+
+h1 { 
+  font-family: 'CaviarDreams';
+  color:#83F352;
+}
+
+sup, h2, font { 
+  font-family: 'CaviarDreams';
+}
+
+input { 
+  font-family: 'CaviarDreams';
+  color:black;
+  font-weight:bold
+}
+
+form { color:black;
+font-weight:bold}
+#footer {
+    position:fixed;
+    right:0;
+    bottom:0;
+    margin:0;
+    padding:0;
+    width:75%;
+}
+#footer img {width:100%;}
+
+* {
+  font-famly: 'Courier New';
+  color: white;
+}
+#b { 
+  font-weight: bold;
+  color: black;
+}
+
+
+.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: 30px;
+}
+
+#testo {
+    background-color: black;
+    border-style: solid;
+    text-align: center;
+    position: auto;
+    border-width: 2px;
+    font-size: 50%;
+    opacity: 0.5;
+    
+    
+}
+
+
+#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;
+}
+
+#logo {
+  width: 100%;
+}
+#List {
+  text-align: center;
+  margin-top: 30px;
+  overflow: hidden;
+  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;
+}
+
+}
+
+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