.project1{grid-area:project1}.project2{grid-area:project2}.project3{grid-area:project3}.project4{grid-area:project4}.project5{grid-area:project5}.project6{grid-area:project6}.project7{grid-area:project7}.project8{grid-area:project8}.project9{grid-area:project9}.frontskills{grid-area:frontskills}.backskills{grid-area:backskills}.otherskills{grid-area:otherskills}.title{grid-area:title;text-decoration:underline;font-size:39px;margin-top:15px;font-weight:700}.backskills,.frontskills,.otherskills,.project1,.project2,.project3,.project4,.project5,.project6,.project7,.project8,.project9{border:solid;background:#fff;max-width:290px;min-width:290px;min-height:250px}.projecticon{grid-area:picon;min-height:100px;max-height:100px;margin:15px}.projecttitle{grid-area:ptitle;font-size:24px;margin-top:30px}.projectmenu{grid-area:pmenu;color:#8e1923}.pdetail{grid-area:pdetail;padding:5px;background:#383a3d;color:#fff;min-width:280px;max-height:100px}.skillicon{grid-area:sicon;min-height:50px;max-height:50px;margin-top:20px;margin-bottom:15px}.skilltitle{grid-area:stitle;font-size:24px}.skilllist{grid-area:slist;margin-right:40px}.project1,.project2,.project3,.project4,.project5,.project6,.project7,.project8,.project9{display:grid;justify-items:center;margin-bottom:10px;grid-template-columns:1fr;grid-template-rows:auto auto auto auto;grid-template-areas:"picon" "ptitle" "pmenu" "pdetail"}.backskills,.frontskills,.otherskill{display:grid;justify-items:center;grid-template-columns:1fr;grid-template-rows:auto auto auto;grid-template-areas:"sicon" "stitle" "slist"}@media screen and (min-width:410px){.banner{min-height:700px}}@media screen and (min-width:460px){.headerlink{font-size:25px}}.shadow{box-shadow:0 19px 38px rgba(0,0,0,.3),0 15px 12px rgba(0,0,0,.22)}.skills,.work{justify-items:center;display:grid;grid-column-gap:50px;grid-row-gap:20px;grid-template-columns:1fr;grid-template-rows:75px auto auto auto auto}.work{grid-area:work;background:#d3d3d3;grid-template-areas:"title" "project1" "project2" "project3" "project4" "project5" "project6" "project7" "project8" "project9"}.skills{grid-area:skills;background-color:#fff;align-content:space-evenly;grid-template-areas:"title" "frontskills" "backskills" "otherskills"}.footer{grid-area:footer;background-color:#8e1923}.contacticon{max-height:50px;padding-top:5px}