Book a Demo!
CoCalc Logo Icon
StoreFeaturesDocsShareSupportNewsAboutPoliciesSign UpSign In
Lucksi
GitHub Repository: Lucksi/Mr.Holmes
 Path: blob/master/Transfer/Css/Main.css
1071 views
1
/*ORIGINAL CREATOR: Luca Garofalo (Lucksi)

2
AUTHOR: Luca Garofalo (Lucksi)

3
Copyright (C) 2023 Lucksi <[email protected]>

4
License: GNU General Public License v3.0*/

5


6
body{

7
    background-color: #1a2b34;                

8
}

9
.Bolder{

10
    font-size: 20px;

11
    font-weight:bold;

12
    color: white;

13
    font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;

14
    margin-top:30px

15
}

16
#Main {

17
    margin-top:none;

18
    font-weight:bold;

19
    color: white;

20
    font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;

21
    font-size:23px;

22
    margin-top:-5px;

23
    margin-left:-5px;

24
}

25
button{

26
    border: 3px solid black;

27
    background-color: #ff4500;

28
    height: 40px;

29
    width: fit-content;

30
    font-family: 'Courier New', Courier, monospace;

31
    font-size: 20px;

32
    font-weight: bold;

33
    color: #f0f8ff;

34
}

35
button:hover{

36
    animation:click 2s infinite;

37
}

38
.Content{

39
    margin-top:100px;

40
}

41
img{

42
    margin-top:-50px; 

43
    height:80px;

44
    width:80px;

45
}

46
#pass{

47
    margin-top:20px;

48
}

49
input{

50
    margin-top:10px;

51
    height:32px;

52
    width:450px;

53
    border:3px solid black;

54
    margin-left:-55px;

55
    font-size:20px;

56
}

57
#pass button{

58
    display:inline-block;

59
    position: absolute;

60
    height:40px;

61
    margin-top:10px;

62
}

63
::placeholder{

64
    font-size:20px;

65
    color:black;

66
    font-weight: bold;

67
}

68
@keyframes click {

69
    0%{color: #f0f8ff; background-color: #ff4500;}

70
    50%{color: #000000; background-color: #f0f8ff;}

71
    100%{color: #f0f8ff; background-color: #ff4500;}

72
}

73
@media only screen and (min-width: 200px) and (max-width: 711px)  {

74
    input{

75
        width:250px;

76
        margin-left: -80px;

77
    }

78
    #pass button{

79
        display:inline-block;

80
        position: absolute;

81
        margin-top:10px;

82
    }

83
    

84
}

85