*{margin: 0; padding: 0; box-sizing: border-box;}body{/*mistyrose*/background: #000000 url("../../family/kimberlys/pictures/backgrounds/sunsetocean.jpg") no-repeat top center; background-size: cover;}@font-face{font-family: "Hole-Hearted";src: url("../../fonts/krystal/Hole-Hearted.ttf");src: local("Hole-Hearted"), url("../../fonts/krystal/Hole-Hearted.ttf") format("truetype");}a{text-decoration: none;}a:link, a:visited{color: #84E5EB;}ul{list-style: none;}header{display: flex; justify-content: space-between;}/*Kims Logo*/.kimslogo{padding: 0.625em;}.kimslogo:hover{background: #8B2252;}/*kims Navigation Container*/.kimsnavcontainer{padding: 0.625em 0.625em 0.625em 0;}/*kims navigation menu*/.kimsnavmenu{display: inline-flex; flex-flow: wrap; text-align: center;}/*kims navigattion list items*/.kimsnavmenu li{flex: 0 1 auto;}/*kims navigattion links*/.kimsnavmenu li a{display: flex; align-items: center; justify-content: center; font-size: 0.75rem; padding: 2.5px 0.3125em; background: rgba(139, 34, 82, 0.2); border: rgba(255, 130, 171, 0.4) solid; color: rgba(205, 50, 120, 1); transition: all 0.3s ease;}.kimsnavmenu li a:hover{font-size: 0.8rem; background:rgba(139, 34, 82, 0.4); border: rgba(255,192,203, 0.6) solid; color: rgb(255,192,203);}.kimsnavmenu li a:active{font-size: 0.75rem; background:rgba(139, 34, 82, 0.6); border: rgba(255,192,203, 1) solid; color: rgb(255,182,193);}/*The active class*/.kimsnavmenu .active{color: #00e5ee;}/*Thatscoolcool link*/.tccmenu.submenuopen .tccmenua{background:rgba(139, 34, 82, 0.6); border: rgba(255,192,203, 1) solid; color: rgb(255,182,193);}/*Thatscoolcool submenu*/.tccsubmenu{display: none; transition: all 0.3s ease-in-out;}/*ThatsCoolCool submenu with JS class .submenuopen*/.tccsubmenu.submenuopen{display: inline-flex; flex-flow: column; width: 100%;overflow: scroll;overflow: -moz-scrollbars-none;-ms-overflow-style: none; box-shadow: inset 0 0 0.3125em 0.0625em rgba(0,0,0,0.4);}/*webkit scroll bar to be hidden*/.tccsubmenu.submenuopen::-webkit-scrollbar{display: none;}.tccsubmenu.submenuopen.menuopen{scrollbar-width: none;}/*TCC submenu links*/.tccsubmenu li a{display: block; padding: 0.3125em; background:rgba(139, 34, 82, 0.2); border: rgba(238,118,0,0.8 ) solid; color: rgba(255,165,0,1);}.tccsubmenu li a:hover{display: block; padding: 0.3125em; background:rgba(139, 34, 82, 0.4); border: rgba(238,118,0,0.6 ) solid; color:rgba(255,165,0, 1);}.tccsubmenu li a:active{display: block; padding: 0.3125em; background:rgba(139,34,82,0.8); border: rgba(238,118,0,0.2) solid; color:rgba(255,165,0,1);}/*Black background on modal window*/#mask{position: fixed; /* important */top: 0; /* start from top */left: 0; /* start from left */height: 100vh; /* cover the whole page */width: 100%; /* cover the whole page */display: none; /* don't show it '*//* styling bellow */ background: #000000;background: rgba(0,0,0,0.9);z-index: 999;}/*modal window*/.modalwindow{position: absolute; /* important so we can position it on center later */top: 50%;left: 50%;transform: translate3d(-50%,-50%,0);display: none; /* don't show it *//* styling bellow */width: 98%;z-index: 1000;border: rgba(255,255,255,0.6) solid;}/*Main header on modal window*/.modalwindow h2{text-align: center;color: rgb(125, 125, 125);text-decoration: none;padding: 10px 10px 0 10px;}.modalwindow ul{display: flex; flex-flow: row wrap;}/*Each box of information*/.modalwindow li{flex: 1 45%;margin: 10px;list-style: none;border: #FFFFFF solid 1px;}.modalwindow li:active{opacity: 0.4;}.modalwindow li:hover img{transform: scale(1.1,1.1);}.modalwindow li:hover a{color: #F5F5EC;}/*modal window links*/.modalwindow li a{display: inline-flex;align-items: center;padding: 10px;color: #FFFFFF;}/*modal window images*/.modalwindow img{max-width: 100px;max-height: 100px;margin-right: 10px;}/*modal window description*/.menudescription{border: rgb(100, 100, 100) solid 1px;padding: 10px;}/*modal window header for each box*/.menudescription h3{color: rgb(52, 122, 222);font-weight: bold;font-style: italic;}/*The big X to close modal window*/.close{position: absolute;top: 0.3125em;right: 0.3125em;padding: 0.3125em 0.625em;font-weight: bold;font-size: 16px;border: 1px solid black;background: #C3C3C3;cursor: pointer;opacity: 0.4;}.close:hover{opacity: 0.9;}.close:active{color: #F5F5F5;opacity: 0.75;}/*Main Container*/.kimscontainer{display: flex; flex-flow: row wrap; justify-content: center; text-align: center; margin: 0.625em; perspective: 500px;}/*Each link description box*/.kimscontainer section{background: rgba(255, 174, 185, 0.6); padding: 0.3125em; flex: 1 45%; transition: all 0.3s ease;}/*Welcome*/.kimscontainer section:first-child{transform: rotateY(10deg);}.kimscontainer section:first-child:hover{transform: rotateY(0deg);}.kimscontainer section:first-child:active{transform: rotateY(-10deg);}/*weight loss*/.kimscontainer section:nth-child(2){transform: rotateX(-12deg);}.kimscontainer section:nth-child(2):hover{transform: rotateX(0deg);}.kimscontainer section:nth-child(2):active{transform: rotateX(12deg);}/*Rheumatoid Arthritis*/.kimscontainer section:nth-child(3){transform: rotateY(-22.5deg);}.kimscontainer section:nth-child(3):hover{transform: rotateY(0deg);}.kimscontainer section:nth-child(3):active{transform: rotateY(22.5deg);}/*Mommy*/.kimscontainer section:nth-child(4){transform: rotateY(28deg);}.kimscontainer section:nth-child(4):hover{transform: rotateY(0deg);}.kimscontainer section:nth-child(4):active{transform: rotateY(-28deg);}/*Gallery*/.kimscontainer section:nth-child(5){transform: rotateX(30deg);}.kimscontainer section:nth-child(5):hover{transform: rotateX(0deg);}.kimscontainer section:nth-child(5):active{transform: rotateX(-30deg);}/*About*/.kimscontainer section:nth-child(6){transform: rotateY(10deg);}.kimscontainer section:nth-child(6):hover{transform: rotateY(0deg);}.kimscontainer section:nth-child(6):active{transform: rotateY(-10deg);}/*Contact*/.kimscontainer section:nth-child(7){transform: rotateZ(2deg);}.kimscontainer section:nth-child(7):hover{transform: rotateZ(0deg);}.kimscontainer section:nth-child(7):active{transform: rotateZ(-2deg);}/*Contact Facebook image*/.kimscontainer section:nth-child(7) img{max-width: 20px; max-height: 20px;}/*a h2*/a:hover, a:active, a:focus{outline: none; outline: 0;}.kimscontainer a:visited, .kimscontainer a:link{color: inherit;}.kimscontainer h2, .kimscontainer p{padding: 0 0.625em;}.kimscontainer h2{color: rgba(0, 197, 205, 1);}.kimscontainer h2:hover{color: #00CED1;}/*Main Footer*/.mainfooter{display: flex; flex-flow: row; justify-content: center; background-color: #00CED1; border: 0.0625em solid #000000; border-radius: 0.3125em; padding: 0.625em 0em; margin: 0.625em auto 0 auto; position: relative;}.mainfooter:hover{background-color: rgba(0, 197, 205, 1);}/*Contact Icon*/.contactkim{margin-bottom: 0.625em; margin-right: 2.4em;}.contactkim a:hover{box-shadow: 0 0 1.2em rgba(0,0,0,1);}/*facebook share button*/.fb-share-button{margin-bottom: 0.625em; margin-right: 2.4em}/*copyright*/.copyright{position: absolute; bottom: 1%; left: 1%; font-size: 0.5018750050188rem;}.copyright a:hover, .copyright a:active{background-color: lightgrey;}/*credit link*/.credits{position: absolute; bottom: 1%; right: 1%; font-size: 0.5018750050188rem;}.credits a:hover, .credits a:active{background-color: lightgrey;}@media only screen and (max-width: 679px){header{display: flex; flex-flow: column; align-items: center;}/*Kims Navigation Menu*/ .kimsnavmenu{justify-content: center;}/*Kims Navigation Links*/ .kimsnavmenu li a:not(.tccmenu){font-size: 1.2rem;}/*h2 and p*/ .kimscontainer h2, .kimscontainer p{padding: 0 0.312em;}/*Model Window*/ .modalwindow{top: 0; left: 0; transform: translate3d(0,0,0); width: 100%;}/*Model Window each box*/ .modalwindow li{flex: 1 100%;}.fblikebutton{overflow: hidden;}}.box0{background: #FFE4E1;}.box1{background: #FFB6C1;}.box2{background: #FFAEB9;}.box3{background: #EEA2AD;}.box4{background: #FFC0CB;}.box5{background: #FFB5C5;}.box6{background: #EEA9B8;}