summaryrefslogtreecommitdiff
path: root/rannak/mangud/arimees/soome/style.css
diff options
context:
space:
mode:
Diffstat (limited to 'rannak/mangud/arimees/soome/style.css')
-rw-r--r--rannak/mangud/arimees/soome/style.css130
1 files changed, 130 insertions, 0 deletions
diff --git a/rannak/mangud/arimees/soome/style.css b/rannak/mangud/arimees/soome/style.css
new file mode 100644
index 0000000..5912b9b
--- /dev/null
+++ b/rannak/mangud/arimees/soome/style.css
@@ -0,0 +1,130 @@
+@font-face {
+ font-family: 'fontUno';
+ src: url('fonts/static/Rubik-Light.ttf');
+}
+* {box-sizing: border-box;}
+
+
+body{
+ background-color: #43464b;
+ font-family: 'fontUno';
+}
+
+
+h1 {
+ color: #2FF924;
+ font-weight: bold;
+}
+
+.moveOn{
+ display: inline-block;
+ border: none;
+ padding: 6px 12px;
+ margin-botton: 0;
+ font-size: 1rem;
+ font-weight: normal;
+ text-align: center;
+ cursor: pointer;
+ border-radius: 4px;
+ background-color: #4BB543;
+ color: white;
+}
+
+button:disabled{
+ opacity: 0.5;
+ cursor: not-allowed;
+}
+
+
+
+
+/* Modal Stuff */
+
+.avatar {
+ border-radius: 20px;
+ width: 100%;
+ max-width: 15rem;
+}
+
+.modalHeaderWrapper{
+ text-align: center;
+ margin: 0;
+ width: 100%;
+}
+
+
+
+.closeModalButton {
+ border-radius: 50px;
+}
+
+.modalButton{
+ position: absolute;
+ top: 0;
+ right: 0;
+ padding: 6px;
+ padding: 9px 25px;
+ background-color: rgba(0,136,169,1);
+ border: none;
+ border-radius: 50px;
+ cursor: pointer;
+ transition: all 0.3 ease 0;
+ margin: 3%;
+ font-size: 1.2rem;
+}
+
+.modalButton:hover{
+ background-color: rgba(0,136,169,0.8);
+}
+
+
+
+
+
+/* Main */
+.content {
+ margin-top: 3rem;
+ display: flex;
+ height: 100%;
+}
+
+.leftSide{
+ width: 30%;
+ text-align: center;
+ color: white;
+}
+.rightSide{
+ width: 70%;
+ text-align: center;
+ border-left: 7px solid black;
+ color: white;
+ padding-top: 2rem;
+}
+
+
+
+
+.rightSide p{
+ padding: 0 3rem;
+ font-size: 1.8rem;
+}
+
+h2, h3{
+ font-weight: bold;
+ color: black;
+}
+
+h2{
+ font-size: 2.7rem;
+}
+
+ul {
+ padding: 0;
+ font-size: 1.17rem;
+ list-style-type: none;
+}
+
+span{
+ color: #1fcfcf;
+ font-weight: bold
+}