body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#faeee7;border:dashed indianred 5px}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.name h4{font-size:150px;margin:0}.name p{font-size:50px;margin:0}.photo img{border:dashed white 2px;height:375px;border-radius:50%}.about{display:flex;justify-content:space-around;font-family:Raleway,sans-serif;padding:100px}.container{background-color:#cd5c5c;min-height:60vh}.link{position:relative;top:60px;padding:10px;margin:2px;color:#000;background-color:#faeee7;text-decoration:none;border:solid black 2px;font-weight:bolder;border-radius:8px}.link:hover{opacity:80%;color:#fff;background-color:#cd5c5c;border:solid white 2px;font-weight:bolder}@media only screen and (max-width: 1000px){div.photo{display:none}}@media only screen and (max-width: 600px){div.name>p{font-size:30px}div.name>h4{font-size:80px}}.portfolio-title{font-size:75px;font-family:Licorice,cursive;text-align:center;margin:50px 0 20px}.portfolio{display:flex;justify-content:center}.screenshot{display:flex;justify-content:center;flex-wrap:wrap;width:60vw}.screenshot img{width:450px;height:300px;margin-bottom:0;border:dashed indianred 3px}.overlap:hover img{opacity:30%}.image{display:flex;flex-direction:column;align-items:center;width:450px;padding:25px}.title{align-self:stretch;text-align:center;background-color:#cd5c5c;color:#fff;padding:5px}.overlap{position:relative}.redirect-btns{position:absolute;top:50%;left:100px;display:none}.overlap:hover .redirect-btns{display:block}.btn-link{padding:10px;color:#fff;margin:0 5px;background-color:#cd5c5c;text-decoration:none;border:solid white 2px;font-weight:bolder;border-radius:8px}.btn-link:hover{opacity:80%;color:#cd5c5c;border:solid indianred 2px;background-color:#faeee7;font-weight:bolder}.links{background-color:#cd5c5c;display:flex;align-self:stretch;justify-content:space-around}.btn-link-2{font-weight:bolder;padding:7px;color:#fff;text-decoration:none;display:block}.btn-link-2:hover{opacity:80%;color:#cd5c5c;border:solid indianred 2px;background-color:#faeee7;padding:5px;font-weight:bolder}@media only screen and (max-width: 600px){div.screenshot img{width:300px;height:200px}.portfolio-title{font-size:50px}.btn-link{padding:5px;color:#fff;margin:0 5px;background-color:#cd5c5c;text-decoration:none;border:solid white 2px;font-weight:bolder;border-radius:4px}.overlap{position:relative}.redirect-btns{position:absolute;top:50%;left:50px;display:none}}.contact-container{position:relative;left:250px}.contact{background-color:#cd5c5c}.contact-section{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:0 2rem}.contact-section-header>h2{font-size:4rem}@media (max-width: 28.75em){.contact-section-header>h2{font-size:4rem}}.contact-section-header>p{font-style:italic}.contact-links{display:flex;justify-content:center;width:100%;flex-wrap:wrap;padding-bottom:20px}.contact-details{font-size:20px;color:#fff;transition:transform .3s ease-out}.contact-details:hover{transform:translateY(8px)}.btn{display:inline-block;padding:1rem 2rem;border-radius:2px;text-decoration:none}@media only screen and (max-width: 600px){.contact-section-header>p{font-size:20px}.contact-section-header>h2{font-size:50px}}
