/* *****************************************************************************
	ADDRESS-BOOK
****************************************************************************** */
* {
    box-sizing: border-box;
}

body {
    color: #fff;
}

header.project-header {
    text-align: center;
}

div.project-section {
    display: flex;
    justify-content: space-between;
}

div.project-section section {
    flex-basis: 48%;
}

.project-section section form div {
    margin-bottom: 20px;
}

#contact-form li,
#contact-list li {
    list-style-type: none;
}

#contact-form ul,
#contact-list ul {
    padding-left: 0;
}


#contact-list li {
    margin: 10px 0;
    
    border-radius: 0.5rem;
	border : 2px solid var(--bg-default,#f5f5f5);
	color : var(--color-bg-accent,#ffffff);
	transition : all 0.25s;
	
}

#contact-list li a {
    display: block;
    padding: 10px;
}


#contact-list {
    display: flex;
    flex-direction: column;
}

#contact-list li.selected {
    background-color : var(--color-accent,#de5833);
}

#contact-list li:hover {
	background-color : var(--color-bg-accent,#ffffff);
}

#contact-list li:hover a {
	color : var(--color-accent,#de5833);
}


/*Contact-Details*/

#contact-details {
    display: none;
}