changed color theming to blues

This commit is contained in:
lukas-heiligenbrunner 2020-03-20 21:27:57 +01:00
parent 7019cfe095
commit ecf4f5b6d5
4 changed files with 17 additions and 14 deletions

View File

@ -6,7 +6,7 @@
*/ */
#section2 { #section2 {
background-color: #ffc107; background-color: #deebff;
} }
#aboutmeText { #aboutmeText {
@ -41,12 +41,12 @@
width: 300px; width: 300px;
padding: 10px; padding: 10px;
background-color: #ba9320; background-color: #7a96c2;
color: black; color: black;
border-radius: 5mm; border-radius: 5mm;
font-size: larger; font-size: larger;
border-width: 1mm; border-width: 1mm;
border-color: #7f6721; border-color: #194378;
border-style: solid; border-style: solid;
transition: background-color 500ms; transition: background-color 500ms;
@ -55,7 +55,7 @@
#downloadcvbtn:hover { #downloadcvbtn:hover {
/*background-color: #facf4d;*/ /*background-color: #facf4d;*/
color: white; color: white;
background-color: #7f6721; background-color: #194378;
transition: all 500ms; transition: all 500ms;
} }

View File

@ -6,7 +6,7 @@
*/ */
#section5 { #section5 {
background-color: #dc3545; background-color: #7a96c2;
} }
.personalcontacts { .personalcontacts {
@ -36,11 +36,13 @@
padding: 10px; padding: 10px;
border-radius: 5mm; border-radius: 5mm;
font-size: larger; font-size: larger;
color: white; color: black;
} }
.contactsign:hover { .contactsign:hover {
background-color: #972f38; color: white;
background-color: #194378;
transition: background-color 500ms;
} }
#section5 { #section5 {

View File

@ -6,7 +6,8 @@
*/ */
#section3 { #section3 {
background-color: #53bf65; background-color: #001631;
color: white;
} }
.content > div { .content > div {
@ -34,7 +35,7 @@
border: 6mm solid hsla(0, 100%, 50%, 0); border: 6mm solid hsla(0, 100%, 50%, 0);
padding-left: 2mm; padding-left: 2mm;
border-left-color: #357840; border-left-color: #194378;
transition: border-left-color 500ms; transition: border-left-color 500ms;
border-bottom-right-radius: 5mm; border-bottom-right-radius: 5mm;
@ -42,8 +43,8 @@
} }
.tab:hover { .tab:hover {
color: aqua; color: #74f9d4;
background-color: #357840; background-color: #194378;
transition: background-color 500ms; transition: background-color 500ms;
cursor: pointer; cursor: pointer;
} }
@ -59,7 +60,7 @@
width: 80%; width: 80%;
top: -200px; top: -200px;
height: 260px; height: 260px;
background-color: #357840; background-color: #194378;
color: white; color: white;
border-radius: 5mm; border-radius: 5mm;
} }
@ -77,7 +78,7 @@
} }
.companyname { .companyname {
color: aqua; color: #74f9d4;
} }
.experienceworktext { .experienceworktext {

View File

@ -6,7 +6,7 @@
*/ */
#section1 { #section1 {
background-color: #311E25; background-color: #001631;
color: white; color: white;
padding-top: 200px; padding-top: 200px;
} }