@import"https://fonts.googleapis.com/css2?family=Quicksand:wght@400;700&family=Roboto+Condensed:wght@400;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Alegreya+Sans:wght@400;700&display=swap";html{font-family:Quicksand,sans-serif;line-height:1.5;color:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}body.root-body{background-color:#000;margin:0;height:100vh}main{width:95%;max-width:93rem;margin:auto;padding-top:1rem;font-size:1.2rem;font-family:Calibri,Arial,LeagueGothicRegular,lucida sans unicode,lucida grande,Trebuchet MS,verdana,arial,helvetica,helve,sans-serif}.jamie-background{background-color:#000}nav.mainNav{display:flex;justify-content:center;align-items:center;flex-wrap:wrap}.jamie-pic{width:80%;border:solid 3px #fba873}nav.mainNav ul{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;justify-content:center}nav.mainNav ul li{margin:10px}nav.mainNav ul li a{display:inline-block;background-color:#554e60;color:#eaddd8;min-width:7rem;font-weight:700;font-size:1.4rem;font-family:Roboto Condensed,sans-serif;text-decoration:none;padding:0 8px;border:2px solid #000;border-radius:5px;transition:background-color .3s,color .3s}nav.mainNav ul li a:hover{background-color:#8c8b88;color:#fff}nav.mainNav ul li a.active{background-color:#f90;color:#fff}@media (max-width: 768px){nav.mainNav{align-items:flex-start}nav.mainNav ul{display:block}nav.mainNav ul li{margin:8px 0}nav.mainNav ul li a{font-size:1.2rem;padding:8px 16px}}@media (max-width: 480px){nav.mainNav ul li a{font-size:1rem;padding:10px 15px}}main h1{font-family:Alegreya Sans,sans-serif;font-size:2.5rem;margin:0 0 1.5rem;color:#fff}main h2{font-family:Alegreya Sans,sans-serif;font-size:1.7rem;color:#a1d8a9}#examples{margin:3rem auto}#examples menu{display:flex;flex-wrap:wrap;gap:.5rem;list-style:none;justify-content:center}#examples menu button{flex:1 1 auto;padding:.5rem 1rem;border:none;border-radius:6px;background-color:transparent;color:#e4ddeb;font-family:Roboto Condensed,sans-serif;font-size:1rem;cursor:pointer;transition:all .2s ease-in-out}#examples menu button:hover{background-color:#8ab658;color:#ebe7ef}#examples menu button.active{background-color:#75bb7b;color:#5f2612}#tab-content{padding:1rem;border-radius:6px;background-color:#1f6f42;box-shadow:0 2px 8px #0000004d}#tab-content h3{color:#cec1c1;margin:0}#tab-content code{font-size:1rem}#tab-content a{color:pink}.section-description{color:#cacaad}.line{position:relative;display:inline-block;width:100%;border-bottom:1px solid #dbc7a4;vertical-align:middle}.jamie-content{display:flex;align-items:flex-start;gap:1px}.jamie{flex:0 0 auto;width:20rem}.mission-statement{color:#f9e2f9}@media screen and (min-width: 768px) and (max-width: 1024px){.jamie{width:15rem}}.jamie-text{flex:1}@media screen and (max-width: 767px){.jamie-content{display:block}.jamie-text{width:100%}.resize{display:none}}.resize{background:url(./assets/resize.png) repeat scroll 0 0 #0000;bottom:0;height:100px;position:fixed;right:0;width:100px;z-index:999}h3{color:#fff}p.copyright-text{color:#906767;font-size:1rem;margin-top:4rem;margin-bottom:3rem;padding-bottom:1rem}#services{display:flex;flex-wrap:wrap;gap:20px}.section.group-portfolio{display:flex;flex-wrap:wrap;justify-content:space-between;gap:20px}.portfolio-card{flex:1 1 calc(33.33% - 20px);box-sizing:border-box;max-width:calc(33.33% - 20px)}nav.mainNav ul{display:inline-flex}p{margin-top:10px;color:#b9c6d4}@media screen and (max-width: 767px){.portfolio-card{flex:inline-block;width:100%}}@media screen and (max-width: 480px){.portfolio-card{flex:1 1 100%;max-width:100%}.port-intro{font-size:1.1rem}}nav.mainNav ul li a{font-size:1rem;padding:10px 25px;margin:.4rem}.port-link{color:#17c7e7}.submit-button{font-size:1.2rem;padding:10px 32px;background-color:#f90;color:#fff;border-radius:9px;box-shadow:0 12px 8px -9px #555;border:1px solid #f90}.submit-button:hover{background-color:#ff8204}.asterick{color:#f90}#talkbubble{margin-top:38px;width:250px;height:100px;padding:10px 12px 5px;border-radius:12px;box-shadow:4px 4px 16px #555;background:#f90;position:relative;-moz-border-radius:10px;-webkit-border-radius:10px}#talkbubble:before{content:"";position:absolute;right:100%;top:26px;width:0;height:0;border-top:13px solid transparent;border-right:26px solid #f90;border-bottom:13px solid transparent}input{margin:0;border:1px solid #ccc;font-size:1em;padding:5px;width:25rem;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;background:#fff;-moz-box-shadow:inset 0px 0px 6px #ccc;-webkit-box-shadow:inset 0px 1px 6px #ccc;box-shadow:inset 0 1px 6px #ccc}textarea#message{width:300px;height:150px}#jamieform{margin-bottom:3rem;margin-top:1rem}.jamie-content-wrapper{flex:0 0 30%;max-width:30%}.contact-form-wrapper{flex:0 0 70%;max-width:70%}.ways-to-contact{width:20rem;margin-bottom:1rem;color:#fff}@media (max-width: 767px){.flex-container{flex-direction:column}.jamie-content-wrapper,.contact-form-wrapper{max-width:100%;flex:0 0 100%}}*{box-sizing:border-box}html{font-family:Quicksand,sans-serif;line-height:1.5;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}body.rome-body{background:radial-gradient(#1b3803,#4d020b);margin:0;height:100vh}h2{font-size:1.8rem}p{font-weight:700}header{text-align:center;margin:.4rem 0}header img{max-width:99%;object-fit:cover}header h1{margin:0;font-family:Roboto Condensed,sans-serif;font-size:5rem;background:linear-gradient(40deg,#d9ff00,#9da766);-webkit-text-fill-color:transparent;filter:drop-shadow(0 2px 8px rgba(0,0,0,.5))}header p{margin:0;font-size:1rem;color:#6dac53;font-family:Roboto Condensed,sans-serif;font-weight:700}#tab-content a:hover{color:#ff0!important}#tab-content a:visited{color:pink}.responsive-image{max-width:100%;height:auto}.image-border{width:100%;border:solid 3px #17c7e7;height:auto}p{margin-top:10px;color:#e4d8d8}input{margin:0;border:1px solid #ccc;font-size:1em;padding:5px;width:18rem;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;background:#fff;-moz-box-shadow:inset 0px 0px 6px #ccc;-webkit-box-shadow:inset 0px 1px 6px #ccc;box-shadow:inset 0 1px 6px #ccc}input::-webkit-input-placeholder,input:-moz-placeholder,.placeholder{color:#bbb}input::-moz-focus-inner{border:0}input[disabled=disabled],input.disabled{color:#999;background:#f5f5f5;-moz-box-shadow:inset 0px 0px 2px #ddd;-webkit-box-shadow:inset 0px 1px 2px #ddd;box-shadow:inset 0 1px 2px #ddd}.flex-container{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;padding:20px}.rome p{color:#e2e0dd!important}.rome h2{font-family:Alegreya Sans,sans-serif;font-size:1.7rem;color:#e39b2a}.rome h3{color:#b99183}nav.mainNavRome ul{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;justify-content:center}nav.mainNavRome ul li{margin:10px}nav.mainNavRome ul li a{display:inline-block;background-color:#ada33cdb;color:#eaddd8;font-weight:700;font-size:1.4rem;font-family:Roboto Condensed,sans-serif;text-decoration:none;padding:0 8px;border-radius:5px;transition:background-color .3s,color .3s}nav.mainNavRome ul li a:hover{background-color:#cfb054;color:#fff}nav.mainNavRome ul li a.active{background-color:#aaaaa4;color:#fff}@media (max-width: 768px){nav.mainNavRome{align-items:flex-start}nav.mainNavRome ul{display:block}nav.mainNavRome ul li{margin:8px 0}nav.mainNavRome ul li a{font-size:1.2rem;padding:8px 16px}}@media (max-width: 480px){nav.mainNavRome ul li a{font-size:1rem;padding:10px 15px}}.italy-flag-wrapper{display:flex;align-items:center}.italy-flag{margin:1rem;height:.4rem;width:3rem}.welcome{color:#cfb054;font-size:2.6rem}#transport-options{padding:2rem;border-radius:6px;background-color:#6b3c3c;box-shadow:0 2px 8px #0006}#transport-options h2{color:#dbc196}#transport-options ul{list-style:none;padding:0;margin:0;display:flex;gap:2rem;flex-wrap:wrap;justify-content:center}#transport-options li{width:10rem;text-align:center}#transport-options li img{height:8rem;width:8rem}#transport-options li h3{margin:.5rem 0;color:#d68348}#transport-options li p{font-size:.9rem;font-weight:700}.howto{font-family:Roboto Condensed,sans-serif;text-align:center;color:#fff}.how{font-weight:700}.italy-fountain,.traffic,.colosseum-tour{float:right;padding:1rem;max-width:60%}.url{color:pink}.roman-soldier{display:none}@media (max-width: 600px){header img{display:none}.roman-soldier{display:inline}}@media (max-width: 480px){header{text-align:center;margin:1rem 0}.italy-fountain,.traffic,.colosseum-tour{float:none;padding:1rem;max-width:90%}}