backface-visibility: hidden;
user-select: none;
}
+/* 日本語のフォント */
@font-face {
font-family: 'MyFont';
src: url('NotoSansJP-Regular.otf') format('opentype');
}
-.gaussfade-out{
- animation: rotation 2s ease 0s 1 alternate none running;
+/* 英語のフォント */
+@font-face {
+ font-family: 'MyFont2';
+ src: url('Renner_ 400 Book.ttf') format('truetype');
+
}
+/* 時計のフォント */
+@font-face {
+ font-family: 'MyFont3';
+ src: url('Lato-Regular.ttf') format('truetype');
+
+}
+/* .gaussfade-out{
+ animation: rotation 2s ease 0s 1 alternate none running;
+} */
@keyframes rotation {
0% {
filter: blur(0px);
color: white;
background-color: #0b2d49;
overflow: hidden;
- font-family: 'MyFont';
- background-image: url("../images/LOCKSCREEN1920x1080.png");
+ font-family: 'MyFont2','MyFont';
+ background-image: url("../images/16-9.png");
background-position:center center;
background-size:contain;
width:100%;
body::before {
content: '';
position: absolute;
- /* 輪郭がぼやけてしまうのでブラー範囲を広げる */
top: -5px;
bottom: -5px;
left: -5px;
.caret {
fill: grey !important;
}
-.row{
+/* .row{
margin: 0 auto 30px;
-}
+} */
.col.right{
position: fixed;
right: 10px;
}
.input-field.col.s2.offset-s1{
position: fixed;
+ width: 280px;
left: 10px;
bottom: 30px;
height: 25px;
margin: 0;
}
.welcome-text {
- font-size: 30px;
+ font-size: 20px;
font-weight: lighter;
}
.logo-ubuntu {
height: 10vh;
}
.logo-alter {
- width: 70%;
+ width: 50%;
height: auto;
}