/* Ogólne ustawienia */
*{
    box-sizing: border-box;
    margin: 0;
    padding: 0;    
}
html {
    font-size: 62.5%;
    scroll-behavior: smooth;
}
body {
    font-family: Georgia, 'Times New Roman', Times, serif;
    font-size: 2rem;    
}
.navbar-brand{
    font-size: 4rem;
    padding: 2rem;
    margin-left: 1rem;
    color: rgb(82, 80, 80);
    text-transform: uppercase;
}
.navbar-toggler-icon{
    font-size: 2rem;
    padding: 1.5rem;
    margin: 1rem;
}
.nav-item {
    padding: 2rem;
}
.nav-link {
    color: rgb(58, 58, 58);
    font-size: 2.5rem;
}
.btn.btn-danger.dropdown-toggle {
    margin: 2rem;
    padding-right: 2rem;
    padding-left: 2rem;
    background-color:rgb(200, 140, 196);
    border: #fff;
    font-size: 2rem;
}
.LinkedIn-icon{
    height: 4.5rem;
    width: 4.5rem;
}

/*Dropdown*/
.dropdown-item{
    padding: 1.5rem;
    font-size: 2rem;
    color: rgb(103, 101, 101);
}
.background-image{
    background-image:  url("../img/magnolie.jpg"); /* Image by <a href="https://pixabay.com/users/jillwellington-334088/?utm_source=link-attribution&amp;utm_medium=referral&amp;utm_campaign=image&amp;utm_content=556718">Jill Wellington</a> from <a href="https://pixabay.com//?utm_source=link-attribution&amp;utm_medium=referral&amp;utm_campaign=image&amp;utm_content=556718">Pixabay</a> */
    height: 120rem;   
}
.main-body {
    background-color: rgb(200, 140, 196);
    margin: 0;
    border-top: solid 4px #ffffff80;   
}
.main-body1 {
    background-color: rgb(211, 207, 207);
    margin: 0;
    background-image:  url("../img/lace.jpg");
    border-top: solid 4px #ffffff80;
        
}
.btn-primary {
    background-color: rgb(200, 140, 196);
    border:#fff;
    padding-left: 2rem;
    padding-right: 2rem;
    margin: 4rem;
    width: 230px;
    font-family: Georgia, 'Times New Roman', Times, serif;
    font-size: 2rem;
    border: solid 5px rgba(255, 255, 255, 0.663);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #797a7c;
    --bs-btn-hover-border-color: #ffffff;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #ffffff;
    --bs-btn-active-border-color: #ffffff;
}
.btn-primary:hover {
    background-color: darkgray;
    --bs-btn-hover-bg: darkgray;
    --bs-btn-active-bg:darkgray;
    --bs-btn-focus-shadow-rgb:darkgray;
    --bs-btn-bg:darkgray;
}
.card {
    margin-top: 4rem;
    margin-bottom: 4rem;
    padding: 2.5rem;
    width: 50rem;
}
.card-img-top {
    width: 45rem;
    height: 45rem;
    padding: 3rem;
}
#cite, #cite1, #cite2 {
    font-size: 1.7rem;
    color:#525153;
    font-style: italic;
}
#author{
    font-weight: 800;
    font-size: 1.7rem;
    font-style: italic;
}
.card-text{
    font-size: 1.9rem;
}
.basic-info {
    padding: 5rem;
    text-align: center;
    margin: 5rem;
}
.container-info {
    padding: 10rem;
    padding-right: 15rem;
    padding-left: 15rem;
    background-color: #ffffff;
    opacity: 0.7;
    border: solid 4px #525153;
}
#main-pic{
    scroll-margin-top: 25px;
    border-left:solid 3px #c5239c;
    border-top:solid 3px #525153;
}
#education, #experience, #skills, #projects{
    scroll-margin-top: 50px;
}
.heading{
    color: #000000;
    text-transform: uppercase;
}
#break{
    height: 100px;
}
/* Stopka */
.footer {
    background-image:  url("../img/magnolie.jpg");
    height: 300px;
    font-size: larger;
}
.contact {
    color: #3c3c3c;
    font-size: larger;
    border-top: solid 5px #c88fbff6;   
}
.nav-link2 {
    margin-top: 40px;
    padding: 10px;
}
#copywright {
    color: #3c3c3c;
    font-size: 1.8rem; 
}
.social-media-icon {
    height: 3rem;
    width: 3rem;
}
#links{
    text-decoration: none;
    color: #525153;
}