@import url(reset.css);
@import url(Stylesheets/homepage.css);
@import url(Stylesheets/certifications.css);
@import url(Stylesheets/portfolio.css);
@import url(Stylesheets/resume.css);

/*
Pallette
Red: e42d25
Blue: 4e93ba
Green: 22b573

Off-White: ecdfce
dark-mode: #132031
*/

/*Variables */
:root {
    --maincolor : #ecdfce;
}

/*General*/
/*#region*/
@font-face {
    font-family: workSans;
    src: url(Media/WorkSans-VariableFont_wght.ttf);
}

button {
    width: 25vw;
    height: 18vh;
    background-color: var(--maincolor);
    box-shadow: 0.5vw 0.5vw 1.5vh rgba(0, 0, 0, 0.5);
    border-radius: 0.25vw;
    padding: 0.25vw;
    display: flex;
    align-items: center;
}


h1 {
    font-size: 3.5vw;
    font-family: workSans;
}

h2 {
    font-size: 1.65vw;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: min-content;
    font-family: workSans;
}

p {
    font-size: 1.35vw;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: min-content;
    font-family: workSans;
}

summary {
    font-size: 1.35vw;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: min-content;
    font-family: workSans;
}

a {
    text-decoration: none;
    color: black;
    align-self: center;
}

#TaskBar {
    position: fixed;
    top: 0%;
    width: 100vw;
    background-color: var(--maincolor);
    height: 10vh;
    box-shadow: 0vw 0.5vw 1.5vh rgba(0, 0, 0, 0.5);
    display: flex;
    justify-content: space-around;
    z-index: 10;
}

body {
    background-color: var(--maincolor);
}
/*#endregion*/