CoCalc provides the best real-time collaborative environment for Jupyter Notebooks, LaTeX documents, and SageMath, scalable from individual users to large groups and classes!

1
body {
2
    font-family: "Noto Sans JP";
3
    font-size: "25px";
4
    text-align: center;
5
    background-color: #222;
6
}
7

8
#frame {
9
    border: 0;
10
    width: 100%;
11
    height: 100%;
12
    top: 0;
13
    left: 0;
14
    right: 0;
15
    bottom: 0;
16
    position: fixed;
17
    z-index: 10;
18
    background-color: #fff;
19
    user-select: none;
20
}
21

22
.container {
23
    margin-top: 10%;
24
    font-family: "Noto Sans JP";
25
    font-size: "50px";
26
    color: #FFF;
27

28
}
29

30
.container p {
31
    font-size: 50px;
32
    margin-bottom: 2px;
33
}
34

35
#iurl {
36
    background-color: inherit;
37
    width: 100%;
38
    height: 28px;
39
    border: solid 1px #FFF;
40
    font-family: "Roboto";
41
    font-size: 16px;
42
    color: #eee;
43
    padding: 8px 0px;
44
    margin-bottom: 5px;
45
    box-sizing: content-box;
46
    text-align: center;
47
    border-radius: 2px;
48
}
49

50
.btn {
51
    background-color: inherit;
52
    width: 100%;
53
    height: 28px;
54
    border: solid 1px #0066ff;
55
    font-family: "Roboto";
56
    font-size: 16px;
57
    color: #0066ff;
58
    padding: 8px 0px;
59
    box-sizing: content-box;
60
    transition: 0.3s;
61
    border-radius: 2px;
62
}
63

64
.btn:hover {
65
    background: #0066ff;
66
    color: #fff;
67
}
68

69
.container a {
70
    height: 20px;
71
    background: inherit;
72
    color: #ddd;
73
    border: 0;
74
    cursor: pointer;
75
    font-family: "Roboto";
76
    font-size: 17px;
77
    transition: 0.3s;
78
}
79

80
.container a:hover {
81
    font-size: 23;
82
}
83

84
.url {
85
    width: 300px;
86
    margin: auto;
87
} 
88

89
body {
90
	background: linear-gradient(-45deg, #ee7752, #e73c7e, #23a6d5, #23d5ab);
91
	background-size: 400% 400%;
92
	animation: gradient 15s ease infinite;
93
}
94

95
@keyframes gradient {
96
	0% {
97
		background-position: 0% 50%;
98
	}
99
	50% {
100
		background-position: 100% 50%;
101
	}
102
	100% {
103
		background-position: 0% 50%;
104
	}
105
}
106

107
.black_text {
108
  color: black;
109
}
110

111