FilesExpand file tree

master

/

style.css

Copy path

Blame

More file actions

Blame

More file actions

Latest commit

 

History

History

History

125 lines (108 loc) · 1.71 KB

master

/

style.css

Copy path

Top

File metadata and controls

• Code
• Blame

125 lines (108 loc) · 1.71 KB

Raw

Copy raw file

Download raw file

Open symbols panel

Edit and raw actions

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

32

33

34

35

36

37

38

39

40

41

42

43

44

45

46

47

48

49

50

51

52

53

54

55

56

57

58

59

60

61

62

63

64

65

66

67

68

69

70

71

72

73

74

75

76

77

78

79

80

81

82

83

84

85

86

87

88

89

90

91

92

93

94

95

96

97

98

99

100

101

102

103

104

105

106

107

108

109

110

111

112

113

114

115

116

117

118

119

120

121

122

123

124

125

* {

margin: 0;

padding: 0;

box-sizing: border-box;

}

@font-face {

font-family: "sans";

src: url(font/sans.ttf);

}

body {

font-family: "sans";

color: white;

background: rgb(111,18,47);

background: linear-gradient(332deg, rgba(111,18,47,1) 0%, rgb(34, 103, 182) 100%);

background-size: 400% 400%;

animation: gradient 5s ease infinite;

}

@keyframes gradient {

0% {

background-position: 0% 50%;

}

50% {

background-position: 100% 50%;

}

100% {

background-position: 0% 50%;

}

}

h1 {

text-align: center;

font-size: 2rem;

padding: 2%;

}

h4 {

padding: 2%;

}

img {

width: 100%;

border-radius: 2%;

}

a {

color: inherit;

}

a:visited {

color: inherit;

}

.container {

display: flex;

flex-direction: row;

font-size: 30px;

text-align: center;

}

.item {

padding: 10px;

flex: 50%;

}

::-webkit-scrollbar{

width: 6px;

}

::-webkit-scrollbar-thumb{

background: linear-gradient(transparent, rgb(62, 120, 185));

border-radius: 12px;

}

::-webkit-scrollbar-track{

background: black;

}

footer {

/* background-color: #19172e; */

text-align: center;

color: white;

font-size: 1rem;

left: 0;

right: 0;

bottom: 0;

margin-bottom: 0;

padding: 5px;

line-height: 3vh;

}

footer a:visited {

color: inherit;

}

@media (max-width: 800px) {

.container {

flex-direction: column;

}

}

.scrollToTop {

position:fixed;

right:10px;

bottom:10px;

cursor:pointer;

width:50px;

height:50px;

background-color:#5520b6;

border-radius:50%;

}

.scrollToTop span {

position:absolute;

top:50%;

left:50%;

margin-left:-8px;

margin-top:-12px;

border:8px solid transparent;

border-bottom-color:white;

}

.scrollToTop:hover {

background-color:#5836D8;

}