@charset "utf-8";

*{box-sizing:border-box;}

div.row{background-color:#fff!important;padding:0 5px 0 5px;}

p{font-family:"Roboto"; color:#666; margin-top: .4vw; margin-bottom: .4vw}

.colorpicker{background-color:#888; padding: .4vw .8vw .4vw .8vw; color:white; border-color:#000; border-width:1px; border-radius:2px; border-style:none; font-family: "Amatic SC"; text-transform:uppercase; font-size: 1.7vw; width:10vw;height:3.25vw; margin:.4vw;}

.dogpicker{width:10vw; height:10vw; min-width:10vw; min-height:10vw; color:white; border-color:#E7C3C4; border-width:1px; border-radius:2px; border-style:solid; margin:.2vw .4vw .2vw .4vw;}

#musta{background-color:#161616}
#ruskea{background-color:#8d4c43}
#smaragdi{background-color:#1e513c}
#burgundi{background-color:#913b49}
#oliivi{background-color:#69614c}
#tummansininen{background-color:#1a3355}
#punainen{background-color:#bd2d2b}
#lila{background-color:#5c4a7c}
#pinkki{background-color:#ff0d5b}
#oranssi{background-color:#ff3b06}
#lime{background-color:#8dbf38; color:#000}
#turkoosi{background-color:#62c1d2; color:#000}
#minttu{background-color:#8fddb0; color:#000}
#laventeli{background-color:#c9a9c5; color:#000}
#vaaleanpunainen{background-color:#f994ae; color:#000}
#keltainen{background-color:#fcc302; color:#000}
#vaalea_oranssi{background-color:#fd983c; color:#000}
#harmaa{background-color:#73737f; color:#000}
#valkoinen{background-color:#F3EFE9; color:#000}
#persikka{background-color:#ffa88a; color:#000}
#nude{background-color:#efcfbe; color:#000}
#ruusukulta{background-image:linear-gradient(135deg, #ffbe9b, #fff3ed, #ffbe9b); color:#000}
#hopea{background-image:linear-gradient(135deg, #c6ccd6, #eff2f6, #c6ccd6); color:#000}

#musta1{background-color:#161616}
#ruskea1{background-color:#8d4c43}
#smaragdi1{background-color:#1e513c}
#burgundi1{background-color:#913b49}
#oliivi1{background-color:#69614c}
#tummansininen1{background-color:#1a3355}
#punainen1{background-color:#bd2d2b}
#lila1{background-color:#5c4a7c}
#pinkki1{background-color:#ff0d5b}
#oranssi1{background-color:#ff3b06}
#lime1{background-color:#8dbf38; color:#000}
#turkoosi1{background-color:#62c1d2; color:#000}
#minttu1{background-color:#8fddb0; color:#000}
#laventeli1{background-color:#c9a9c5; color:#000}
#vaaleanpunainen1{background-color:#f994ae; color:#000}
#keltainen1{background-color:#fcc302; color:#000}
#vaalea_oranssi1{background-color:#fd983c; color:#000}
#harmaa1{background-color:#73737f; color:#000}
#valkoinen1{background-color:#F3EFE9; color:#000}
#persikka1{background-color:#ffa88a; color:#000}
#nude1{background-color:#efcfbe; color:#000}
#ruusukulta1{background-image:linear-gradient(135deg, #ffbe9b, #fff3ed, #ffbe9b); color:#000}
#hopea1{background-image:linear-gradient(135deg, #c6ccd6, #eff2f6, #c6ccd6); color:#000}

#musta2{background-color:#161616}
#ruskea2{background-color:#8d4c43}
#smaragdi2{background-color:#1e513c}
#burgundi2{background-color:#913b49}
#oliivi2{background-color:#69614c}
#tummansininen2{background-color:#1a3355}
#punainen2{background-color:#bd2d2b}
#lila2{background-color:#5c4a7c}
#pinkki2{background-color:#ff0d5b}
#oranssi2{background-color:#ff3b06}
#lime2{background-color:#8dbf38; color:#000}
#turkoosi2{background-color:#62c1d2; color:#000}
#minttu2{background-color:#8fddb0; color:#000}
#laventeli2{background-color:#c9a9c5; color:#000}
#vaaleanpunainen2{background-color:#f994ae; color:#000}
#keltainen2{background-color:#fcc302; color:#000}
#vaalea_oranssi2{background-color:#fd983c; color:#000}
#harmaa2{background-color:#73737f; color:#000}
#valkoinen2{background-color:#F3EFE9; color:#000}
#persikka2{background-color:#ffa88a; color:#000}
#nude2{background-color:#efcfbe; color:#000}



select{background-color: #E9B6C7; padding: .4vw 1.25vw .4vw 1.25vw; color:white; border-color:#C883A7; border-width:1px; border-radius:2px; border-style:solid; font-family: "Amatic SC"; text-transform:uppercase; font-size: 2.25vw; width:28.8vw;height:4vw; margin:.4vw;}

.doggieimage {border: 1px; border-style:solid; border-radius:3px; border-color: #E7C3C4; width:95%; height:95%; max-height: 95vw; max-width: 70vw; min-width:205px; min-height:256px }

.imageholder{position:relative; width:47.5vw; height:29vw; max-height: 100vw; min-width:205px; min-height:125px; margin-top: 12.5vw; clear:both}

.leashimage {position:absolute; border: 1px; border-style:solid; border-radius:3px; border-color: #E7C3C4;width:100%;height:auto; min-width:205px; min-height:125px}

columns{
	display:flex; flex-direction:row;
}

image_column{flex:2; margin:0 1.5vw 0 3.5vw;}

data_column{flex:1; display:flex; flex-direction:column; margin:0 5px 0 5px;}

color_section{
	display:flex; flex-direction:row
}