Book a Demo!
CoCalc Logo Icon
StoreFeaturesDocsShareSupportNewsAboutPoliciesSign UpSign In
DazaSeal
GitHub Repository: DazaSeal/Lunanom
 Path: blob/master/public/style.css
334 views
1
body {

2
  margin: 0;

3
  font-family: Arial, Helvetica, sans-serif;

4
  background-color: #262626;

5
}

6


7
nav {

8
  margin-top: 10.5px;

9
  margin-right: 10px;

10
  overflow: hidden;

11
}

12


13
nav a {

14
  float: right;

15
  margin-left: 5.5px;

16
  display: block;

17
  color: #ffffff;

18
  text-align: center;

19
  padding: 20px 20px;

20
  text-decoration: none;

21
  font-size: 15.5px;

22
}

23


24
nav a:hover {

25
  background-color: #0f0f0f;

26
  color: #ffffff;

27
  transition: 1.5s;

28
  border-radius: 10px;

29
}

30


31
nav a.active {

32
  background-color: #4c24ff;

33
  color: white;

34
  border-radius: 10px;

35
  

36
}

37


38
nav a.active:hover {

39
  background-color: #2f00ff;

40
  color: white;

41
  transition: 1.5s;

42
}

43


44
nav .icon {

45
  display: none;

46
}

47


48


49
@media screen and (max-width: 555px) {

50
  nav a:not(:first-child) {display: none;}

51
  nav a.icon {

52
    float: right;

53
    display: block;

54
  }

55
}

56


57
@media screen and (max-width: 555px) {

58
  nav.responsive {position: relative;}

59
  nav.responsive .icon {

60
    position: absolute;

61
    right: 0;

62
    top: 0;

63
  }

64
  nav.responsive a {

65
    float: none;

66
    display: block;

67
    text-align: left;

68
  }

69
}

70


71
h1 {

72
  font-size: 45.5px;

73
}

74
input {

75


76
  width: 52.5%;

77
  padding: 20px 20px;

78
  margin: 10px 0;

79
  box-sizing: border-box;

80
  border: 1px black;

81
  border-radius: 10px;

82
  background-color: #141414;

83
    transition: 0.5s;

84
}

85
input[type=text] {

86
  transition: 0.5s;

87
  color: white; 

88
  

89


90
}

91
input:hover {

92
  -webkit-box-shadow: 0px 10px 35px 0px rgba(0,0,0,0.46); 

93
box-shadow: 0px 10px 35px 0px rgba(0,0,0,0.46);

94
  transition: 0.5s;

95
}

96
#card1, #card2, #card3, #card4 {

97
  outline: 3.5px solid #004be0;

98
  text-align: center;

99
  floating: center;

100
  width: 5.5%;

101
  height: 150px;

102
  color: white;

103
  padding: 4.5rem;

104
  border-radius: 5.5px;

105
    transition: 0.5s;

106
}

107


108
#card1:hover, #card2:hover, #card3:hover, #card4:hover{

109
  background-color:  #004be0;

110
  cursor: pointer;

111
  transition: 0.5s;

112
}

113
#featured {

114
  max-width: 1000px;

115
  margin: 0 auto;

116
  margin-top: 45.5px;

117
  display: grid;

118
  grid-gap: 1rem;

119
  display: flex;

120
flex-direction: row;

121
  justify-content: center;

122
}

123
.clock {

124
    position: absolute;

125
    width: 350px;

126
    top: 98%;

127
    text-align: right;

128
    left: 25px;

129
    transform: translateX(-50%) translateY(-50%);

130
    color: #3d7eff;

131
    font-size: 25px;

132
    letter-spacing: 3px;

133


134