*{margin:0;padding:0;box-sizing:border-box}html{display:flex;justify-content:center;align-content:center;width:max-content;height:max-content}nav{display:block;flex-direction:column;justify-content:left;align-items:left;margin-left:2rem;text-decoration:none;font-size:small}nav>ul{display:flex;justify-content:center;align-items:center;flex-wrap:nowrap;align-items:left;margin-left:2rem;text-decoration:none;font-size:large}.header{font-size:1.8rem;width:fit-content}.footer{font-size:.8rem;height:max-content;background-color::#e65656}nav>ul{display:flex;justify-content:right;align-items:flex-end;padding:4rem}a.router-link{display:flex;align-content:space-around;justify-content:left;text-decoration:none;margin-left:4.5rem;color:#f5f5f5;padding-right:3rem;font-size:1.8rem}.router-link .btn{width:12rem;height:4rem;margin-top:-4rem;border:none;justify-items:right;align-items:center;border-radius:8px;color:#f5f5f5;background-color:#ea8d8d}.router-link:hover{font-size:2rem;color:#ea8d8d}.router-link .btn:hover{color:#f5f5f5}.router-link-active{font-size:2rem;color:#ea8d8d;text-decoration:none}.router-link-exact-active :hover{color #ea8d8d;font-size:2.2rem}.header{color:#e65656;height:40vh;background-color:#358c8c;width:100vw}html{display:flex;justify-content:center;align-items:center;font-size:10px;background-color:#fff}button{display:flex;justify-content:center;align-items:center;margin:5rem 4rem;width:10rem;height:5rem;border:none;font-size:1.2rem;border-radius:.8rem;background-color:#358c8c;color:#f5f5f5}.about,.home{display:block;justify-content:center;text-align:left;height:100vh;width:100vw;margin-top:4rem;padding:2rem;color:#464d46}.about,h3 .home,h3{display:block;color:#e65656;margin-top:2rem;margin-bottom:2rem;padding:1.2rem;text-align:center;font-size:large}.about,.home{margin-top:2rem;font-size:large;text-align:left}.contact-view{margin-top:4rem;margin-left:4rem;height:100vh;width:100vw;color:#e65656;font-size:large;line-height:1.7em}.contact-view>h3{margin-top:2rem}.body{display:block;justify-content:center;align-items:center;padding:2.5rem;font-size:2.4rem;color:#464d46;font-family:Georgia,Times New Roman,Times,serif;line-height:1.7em}.body>p{padding:1.8rem}.body>p:hover{font-size:2;color:#e65656}.port-folio{display:block;justify-content:center;align-items:center;margin-top:2rem;margin-left:2rem;padding:2rem;font-family:Georgia,Times New Roman,Times,serif}.port-btn{background-color:#358c8c;font-size:1.8rem}.port-folio>h3{color:#e65656;padding:2rem;text-align:center;font-size:large}.port-folio .link{display:flex;margin-top:4rem;font-size:2.4rem;justify-content:left;text-decoration:none;list-style-type:none;margin-bottom:auto;color:#464d46}.port-folio .link :hover{color:#358c8c;font-weight:bolder;font-size:larger;background-color:#ea8d8d}.port-folio-btn{transition:all 3s}.port-folio-btn:hover{transition-timing-function:all 3s ease-out;transform:scale(1.1);background-color:#ea8d8d}.router-link{display:flex;align-content:space-between;color:#464d46;margin:3rem;padding:1rem;font-size:2rem}.router-link .btn{width:12rem;height:4rem;border:none;margin:-2rem 2rem;justify-content:center;border-radius:.8rem;color:#f5f5f5;background-color:#e85971;transition:all 3s}.router-link .btn:hover{display:flex;justify-content:center;transition-timing-function:all 2s ease-out;margin:0rem 4rem;color:#f5f5f5;transform:scale(1.1);background-color:#ea8d8d}.router-link-active{font-size:large;color:#ea8d8d}li{list-style:none}.footer{display:block;justify-content:center;align-items:center;height:50vh;width:100vw;margin-top:8rem;padding:3rem;background-color:#358c8c}.footer>h3{display:block;justify-content:center;color:#f5f5f5;margin-top:1.5rem;padding:.6rem 0}.footer>.contact>li{display:block;justify-content:space-evenly;text-align:center;font-family:cursive;color:#f5f5f5;font-size:1.8rem;transition:all 4s ease-out;z-index:10}.footer>.contact>li:hover{font-size:2.2rem}.github-link,.linkedin-link{font-size:small;color:#c589b2;text-decoration:none}a.linkedin-link{color:#f5f5f5;font-family:cursive}@media only screen and (min-width:150px){html{display:flex;justify-content:center;align-content:center}.header{height:42vh}.body>p{display:flex;flex-wrap:nowrap;font-size:1.2rem}.body>p:hover{color:#358c8c;font-size:1.4rem}.router-link .btn{margin-top:10rem;font-size:1rem;margin-left:3rem;align-items:right;width:8rem;height:2.5rem;margin:-2rem 2rem}.router-link .btn:hover{font-size:1.2rem;margin:4rem 2rem;transition-timing-function:all 2s ease-out;transform:scale(1.1)}button.btn{margin-top:6rem;margin-left:3rem}.port-folio .link{font-size:1.2rem}.port-folio .link:hover{color:#358c8c;font-size:1.6rem}.port-btn,.contact-view{font-size:1.2rem}.footer{height:54vh}.footer>.contact>li{font-size:1rem}}@media only screen and (min-width:485px){.router-link .btn{margin-top:4rem;font-size:1.2rem;width:9rem;height:3rem;background-color:#e85971}.router-link .btn:hover{font-size:1.4rem}.body>p{font-size:1.4rem}.body>p:hover{font-size:1.4rem}.port-folio .link{font-size:1.4rem}.port-folio .link:hover{font-size:1.6rem;color:#358c8c}.port-folio>.port-folio-btn{background-color:#e85971}.port-btn{font-size:1.4rem}.about .contact-view>h3{margin-top:4rem}.contact-view>ul{font-size:1.4rem}.linkedin-link{color:#e85971}.header .footer{background-color:#358c8c;font-size:1.2rem}}@media only screen and (min-width:769px){a.router-link{font-size:1.6rem}.router-link .btn{margin-top:6rem;font-size:1.4rem;width:12rem;height:4rem}.router-link .btn:hover{margin-top:6rem;font-size:1.6rem;color:#f5f5f5}.port-folio .link{font-size:1.8rem}.port-folio .link:hover{font-size:2rem;color:#358c8c}.port-btn{font-size:1.6rem}button.btn{font-size:1.2rem}.body>p{font-size:2.2rem}.body>p:hover{font-size:2.4rem;color:#e85971}.about .home,.contact-view>h3{margin-top:6rem}.contact-view>ul{font-size:2.2rem;line-height:4rem}.footer>.contact>li{font-size:1.8rem}.header,.footer{font-size:1.4rem}.footer .contact>a.linkedin-link{color:#e85971}}@media screen and (min-width: 1024px){body{font-size:2.4rem}.about>h3{margin-top:6rem}a.router-link{font-size:2rem}.router-link .btn{margin-top:6rem;font-size:1.6rem;width:14rem;height:4.6rem;background-color:#d36923}.router-link .btn:hover{margin-top:6rem;font-size:1.8rem;color:#f5f5f5}.port-folio .link{font-size:2rem}.port-folio .link:hover{font-size:2.2rem;color:#358c8c}.port-btn{font-size:1.8rem;width:max-content}.body>p{font-size:2.4rem}.body>p:hover{font-size:2.6rem;color:#e85971}.about .home,.contact-view>h3{margin-top:6rem}.contact-view>ul{font-size:2.2rem;line-height:4rem}.footer>.contact>li{font-size:2rem}.header,.footer{font-size:1.6rem}.footer .contact>a.linkedin-link{color:#e85971}}