codes for cosmo crd

the changed codes for mobile are the numbers on the side :)

---- container 01 ----

border: 1px solid #FFCCF0;
width: 57.5%;
border-radius: 10px 0px 0px 10px;
height: 250px; 220px

---- text 01 ----

border: 1px solid #B8DDFF;
border-radius: 3px;
background:linear-gradient(to top, #F0F8FF 80%, #FFFFFF 100%);
height: 75px;
padding: 4px;
overflow-y: scroll;
font-size: .75em;

---- container 02 ----
background: radial-gradient(circle, #FFFFFF 45%, #D4EAFF 100%);
border: 1px solid #A1D2FF;
width: 9em;
left: 13.25em;
border-radius: 0px 10px 10px 0px;
bottom: 9.25em; 9em
position: absolute;
height: 165px; 150px


---- nav box text ----
text: background: #ffffff;
padding: 6px;
border-radius: 3px;
border: 1px solid #A1D2FF;
line-height: 25px;

link: font-family: chick;
-webkit-text-stroke: 0.5px black;
font-size: 1.4em;

highlight: font-family: fenotype;
color: white;
-webkit-text-stroke: 0.5px black;
font-size: 1em;
background: linear-gradient(to top, #fff 0%, #D4EAFF 80%, #fff);
padding-left: 8px;
padding-right: 8px;
padding-top: 2px;
padding-bottom: 2px;
border: 1px solid #B8DDFF;
border-radius: 10px;


---- for the info container ----
background: radial-gradient(circle, #FFFFFF 45%, #EBF5FF 100%);
border: 1px solid #A1D2FF;
width: 9em;
left: 13.25em;
border: 1px solid #A1D2FF;
border-radius: 0px 10px 10px 0px;
bottom: 0em;
position: absolute;
height: 8.75em;


---- for info textbox ----
text: background: #FFFFFF;
height: 134px;
overflow: scroll;
border: 1px solid #A1D2FF;
border-radius: 5px;
padding: 3px;
font-size: .75em;

highlight: font-family: chick;
color: #fff;
-webkit-text-stroke: 0.5px #000000;
background:linear-gradient(to top, #fff 0%, #D4EAFF 80%);
border-radius: 0px 5px 5px 0px;
border-top: 1px solid #B8DDFF;
border-bottom: 1px solid #B8DDFF;
border-right: 1px solid #B8DDFF;
font-size: 1.4em;
padding-left: 3px;
position: relative;
left: -.3em;