*{box-sizing:border-box}body{margin:0;padding:0;text-align:center;color:white;background-color:#eedfcc;font-family:cabin sketch}a{text-decoration:none;color:white}a:hover{color:darkorange}.main-nav{width:100%;background:#eedfcc;min-height:30px;padding:10px;position:fixed;text-align:center;z-index:1}.nav{display:flex;justify-content:space-around;font-weight:700;list-style-type:none;margin:0 auto;padding:0}.nav .name{display:none}.nav li{padding:5px 10px 10px 10px}.nav a{transition:all .5s}.nav a:hover{color:darkorange}hr{width:100%;color:darkorange;display:block;border:solid 3px}h1{font-size:170px;margin:20px 0 0 0;padding:0}h2{font-size:80px;margin:0;padding:0}h1,h2,p{text-align:center}.card{position:relative;width:50%;background:darkorange;background-size:cover;max-width:600px;max-height:600px;margin:50px auto 50px auto;border:darkorange solid 5px;border-radius:5%}.img{display:block;height:auto;width:100%;height:100%;object-fit:cover;border:darkorange solid 5px;border-radius:5%}.overlay{position:absolute;top:0;bottom:0;left:0;right:0;height:100%;width:100%;opacity:0;transition:.5s ease;background-color:darkorange;border-radius:5%}.card:hover .overlay{opacity:1}.text{color:white;font-size:20px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%)}footer{position:absolute;width:100%;padding:10px 0 10px 10px;background-size:cover;min-height:20px;background-color:darkorange;bottom:0}footer .copyright{top:-8px;font-size:.75em}footer ul{list-style-type:none;margin:0;padding:0}footer ul li{display:inline-block}a.social{display:inline-block;text-indent:-9999px;margin-left:5px;width:30px;height:30px;background-size:30px 30px;opacity:.5;transition:all .25s;border-radius:50%}.instagram{display:inline-block;width:30px;height:30px;text-align:center;border-radius:50%;color:#fff;font-size:220px;line-height:250px;vertical-align:middle;background:#d6249f;background:radial-gradient(circle at 30% 107%,#fdf497 0%,#fdf497 5%,#fd5949 45%,#d6249f 60%,#285aeb 90%)}a.linkedin{background-image:url(https://www.joannawaligora.com/hubfs/linkdiiiiinging.png)}a.social:hover{opacity:1}@media screen and (min-width:720px){.flex{display:flex;justify-content:space-around;margin:0 auto}header{min-height:450px}.nav{max-width:1200px}.nav .name{display:block;margin-right:auto;color:white}main{padding-top:50px}main p{line-height:1.6em}footer{font-size:1.3em;margin:0px auto}.clearfix::after{content:"";display:table;clear:both;overflow:auto}}