Version 44

css/lang.css

@@ -0,0 +1,43 @@
+*{
+    margin: 0;
+    padding: 0;
+    box-sizing: border-box;
+}
+body{
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    min-height: 100vh;
+    background: linear-gradient(-45deg, #5add5a, #333);
+}
+article{
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    filter: blur(500px);
+}
+section{
+    z-index: 5;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    padding: 2em 5em;
+    filter: drop-shadow(0px 20px 14px #444);
+}
+section button{
+    width: 300px;
+    height: 150px;
+    margin: 1rem;
+    background-image: var(--bci);
+    background-size: contain;
+    background-repeat: no-repeat;
+    border: none;
+    cursor: pointer;
+    transition: 0.5s;
+}
+section:hover button:not(:hover){
+    filter: blur(10px);
+    transition: 0.5s;
+}