myportfolio/styles.css at main · NapXZ/myportfolio · GitHub

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
body {
    background: rgba(255, 255, 255, 0.473);
    /*background: linear-gradient(90deg, rgb(44, 44, 44) 0%, rgba(102, 46, 46, 0.514) 100%);*/
    color: rgb(0, 0, 0);
    font-size: 15px;
    letter-spacing: 2px;
    /*overflow-y: hidden;/* Hide vertical scrollbar */
    background: linear-gradient(-45deg, #ee7752, #e73c7e, #23a6d5, #23d5ab);
	background-size: 400% 400%;
	-webkit-animation: gradient 15s ease infinite;
	        animation: gradient 15s ease infinite;
	height: 100vh;
}

.myport{
    text-align: center;
    padding: 0px;
}

.video1{
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top: 3px;
    height: auto;
    max-width: 500px;
}

.video2{
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top: 3px;
    height: auto;
    max-width: 500px;
}

.video3{
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top: 3px;
    height: auto;
    max-width: 500px;
}

.car{
    text-align: center;
    padding: 0px;
}

.milk{
    text-align: center;
    padding: 5px;
}

.yo{
    text-align: center;
    padding: 5px;
}

#grad {
    background-image: linear-gradient(to bottom right, red, yellow);
  }

  @-webkit-keyframes gradient {
	0% {
		background-position: 0% 50%;
	}
	50% {
		background-position: 100% 50%;
	}
	100% {
		background-position: 0% 50%;
	}
}

@keyframes gradient {
	0% {
		background-position: 0% 50%;
	}
	50% {
		background-position: 100% 50%;
	}
	100% {
		background-position: 0% 50%;
	}
}