Book a Demo!
CoCalc Logo Icon
StoreFeaturesDocsShareSupportNewsAboutPoliciesSign UpSign In
Ryan778
GitHub Repository: Ryan778/Ryan778.github.io
 Path: blob/master/flop/style.css
574 views
1
html{

2
  background: #222;

3
  font-family: 'Open Sans', sans-serif;

4
}

5
#vid{

6
  display: none;

7
  position: fixed;

8
  left: 0;

9
  top: 0;

10
  border: none;

11
  width: 100%;

12
  height: 100%;

13
  opacity: 0;

14
  transition: opacity 0.75s;

15
}

16
#btn{

17
  left: calc(50% - 80px);

18
  top: calc(40% - 30px);

19
  border: 1px solid white;

20
  width: 160px;

21
  height: 60px;

22
  font-size: 24px;

23
}

24
#lnk{

25
  left: calc(50% - 64px);

26
  top: calc(40% + 60px);

27
  border: none;

28
  width: 128px;

29
  height: 40px;

30
  font-size: 18px;

31
}

32
button{

33
  position: fixed;

34
  transition: opacity 0.75s;

35
  background: transparent;

36
  color: white;

37
  transition: all 0.4s;

38
  outline: none;

39
}

40
button:hover, button:focus{

41
  background: #333;

42
  cursor: pointer;

43
  border-color: #dfe4ff;

44
  color: #dfe4ff;

45
  transform: scale(1.2);

46
}

47
button:active{

48
  background: #444;

49
  border-color: #d5ffe0;

50
  color: #d5ffe0;

51
}

52


53
#visits{

54
  position: fixed;

55
  color: white;

56
  text-align: center;

57
  width: 600px;

58
  left: calc(50% - 300px);

59
  top: calc(40% - 140px);

60
  opacity: 0;

61
  transition: opacity 0.4s;

62
}

63


64
a{

65
  color: #c7e5ff;

66
  cursor: pointer;

67
  text-decoration: none;

68
}

69
a:hover{

70
  text-decoration: underline;

71
}

72