@import url("https://fonts.cdnfonts.com/css/aileron?styles=20898,20901,20896");@import url("https://fonts.cdnfonts.com/css/glacial-indifference-2");* {
scroll-snap-type:y mandatory;font-family:Aileron,serif}
body,html {
margin:0;max-width:100vw}
@media (max-width:1200px) {
* {
scroll-snap-type:none}
}
#header {
background:#6186ab;height:100vh;width:100%;margin:0;padding:0}
.column {
scroll-snap-align:start;position:absolute;top:0;height:100%;width:100%;display:flex;flex-direction:column;justify-content:space-between}
video {
width:100%;height:100vh;object-fit:cover}
.overlay {
position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.6)}
.nav {
display:grid;justify-items:end;padding:10px;margin-right:20px}
.contactNav {
color:#f0f8ff;height:-moz-fit-content;height:fit-content;text-decoration:none;margin:20px}
.navText {
margin:0;font-size:calc(20px + .6vw);font-weight:300}
.navText:hover {
scale:1.2;cursor:pointer}
.titleContainer {
min-height:10em;padding-top:10vh;padding-bottom:4vw}
.titleRow {
display:flex;flex-direction:column;align-items:center}
.title {
color:#fff;height:100%;font-size:calc(55px + 2vw);font-family:Glacial Indifference,serif;margin:0}
.logo {
height:26vh;min-height:150px;width:28vh;min-width:130px}
.hover-underline-animation {
display:inline-block;position:relative}
.hover-underline-animation:after {
content:"";position:absolute;width:100%;transform:scaleX(0);height:2px;bottom:0;left:0;background-color:#fff;transform-origin:bottom right;transition:transform .25s ease-out}
.hover-underline-animation:hover:after {
transform:scaleX(1);transform-origin:bottom left}
.productContainer {
justify-content:space-evenly;padding-bottom:5vh}
.product,.productContainer {
display:flex;flex-direction:row;align-items:center}
.product {
justify-content:center;width:25%}
.left {
padding-left:0}
.right {
padding-right:0}
.productIcon {
width:5.5vw;min-width:50px;height:5.5vw;min-height:50px}
.houseIcon {
width:7.5vw;min-width:65px;height:5.5vw;min-height:65px}
.description {
font-weight:300;font-size:calc(14px + .5vw);color:#fff}
.house {
padding-left:1vw}
@media (max-width:550px) {
.productContainer {
display:grid;grid-template-columns:repeat(2,1fr);grid-gap:20px;gap:20px;justify-content:center;align-items:center}
.product {
width:100%}
.product.right {
grid-column:span 2}
}
@media (max-width:1200px) {
.logo {
height:16vh;width:17vh}
.title {
font-size:calc(40px + 2vw)}
.titleContainer {
padding-top:0;padding-bottom:0}
}
.footerContainer {
display:flex;flex-direction:row;justify-content:space-between;height:15vh;background-color:#8093a5}
.container p {
font-weight:300;font-size:calc(12px + .5vw);color:#fff}
.name p {
font-size:calc(15px + .9vw);padding-top:2vh}
.container {
display:flex;flex-direction:row;align-items:center;padding:2vw}
.footerLogo {
width:5vw;min-width:50px;height:4.5vw;min-height:50px;padding-right:1vw;cursor:pointer}
@media (max-width:1250px) {
.name p {
padding:0}
}
@media (max-width:800px) {
.footerContainer {
height:-moz-fit-content;height:fit-content}
.container p {
font-size:calc(9px + .5vw)}
.name p {
font-size:calc(12px + .9vw)}
}
#contactContainer,.aboutContainer,.goalsText {
display:flex;flex-direction:column;justify-content:space-around;padding:0 5vw;margin:0;height:100vh;scroll-snap-align:start}
#contactContainer {
height:85vh}
h2 {
font-size:calc(20px + 1vw);font-weight:400;padding:5vh 0;margin:0}
.aboutTitle,.contactTitle,.goalsTitle {
height:-moz-fit-content;height:fit-content}
.aboutParas,.goalsPara {
display:grid;height:100%}
.sectionPara {
height:-moz-fit-content;height:fit-content}
p {
font-size:calc(14px + .5vw);font-weight:200;margin:0}
.goalsContainer {
display:flex;flex-direction:row;background-color:#406283;background-image:url(../media/FullHouseLogoDarkBlueHalf.1cba95a6.svg);background-repeat:no-repeat;background-size:20%;background-position:100%}
.goalsTitle h2 {
color:#f0f8ff}
.goalsText {
padding-right:0}
.goalsPara {
color:#fff;width:80%}
.profileContainer {
width:80%;display:flex;align-items:flex-end}
.profileImage {
width:18vw;min-width:230px;height:39vw;min-height:495px}
@media (max-width:550px) {
#contactContainer,.aboutContainer,.goalsText {
height:-moz-fit-content;height:fit-content}
.aboutParas,.goalsPara {
display:grid;grid-row-gap:50px;row-gap:50px;height:100%}
}
@media (max-width:800px) {
#contactContainer {
padding-right:0}
.goalsContainer {
background-image:none;flex-direction:column}
.goalsPara {
width:90%}
.profileContainer {
width:100%;align-items:center;justify-content:space-around;background-image:url(../media/FullHouseLogoDarkBlueHalf.1cba95a6.svg);background-repeat:no-repeat;background-size:20%;background-position:100%}
.profileImage {
min-width:150px;min-height:322px}
.show-mobile {
color:#fff;width:60%;padding:5vw;font-size:calc(14px + .7vw)}
.hide-mobile {
display:none}
}
@media (min-width:801px) {
.show-mobile {
display:none}
}
:root {
--toastify-color-light:#fff;--toastify-color-dark:#121212;--toastify-color-info:#3498db;--toastify-color-success:#07bc0c;--toastify-color-warning:#f1c40f;--toastify-color-error:#e74c3c;--toastify-color-transparent:hsla(0,0%,100%,.7);--toastify-icon-color-info:var(--toastify-color-info);--toastify-icon-color-success:var(--toastify-color-success);--toastify-icon-color-warning:var(--toastify-color-warning);--toastify-icon-color-error:var(--toastify-color-error);--toastify-toast-width:320px;--toastify-toast-offset:16px;--toastify-toast-top:max(var(--toastify-toast-offset),env(safe-area-inset-top));--toastify-toast-right:max(var(--toastify-toast-offset),env(safe-area-inset-right));--toastify-toast-left:max(var(--toastify-toast-offset),env(safe-area-inset-left));--toastify-toast-bottom:max(var(--toastify-toast-offset),env(safe-area-inset-bottom));--toastify-toast-background:#fff;--toastify-toast-min-height:64px;--toastify-toast-max-height:800px;--toastify-toast-bd-radius:6px;--toastify-font-family:sans-serif;--toastify-z-index:9999;--toastify-text-color-light:#757575;--toastify-text-color-dark:#fff;--toastify-text-color-info:#fff;--toastify-text-color-success:#fff;--toastify-text-color-warning:#fff;--toastify-text-color-error:#fff;--toastify-spinner-color:#616161;--toastify-spinner-color-empty-area:#e0e0e0;--toastify-color-progress-light:linear-gradient(90deg,#4cd964,#5ac8fa,#007aff,#34aadc,#5856d6,#ff2d55);--toastify-color-progress-dark:#bb86fc;--toastify-color-progress-info:var(--toastify-color-info);--toastify-color-progress-success:var(--toastify-color-success);--toastify-color-progress-warning:var(--toastify-color-warning);--toastify-color-progress-error:var(--toastify-color-error);--toastify-color-progress-bgo:0.2}
.Toastify__toast-container {
z-index:var(--toastify-z-index);-webkit-transform:translateZ(var(--toastify-z-index));position:fixed;padding:4px;width:var(--toastify-toast-width);box-sizing:border-box;color:#fff}
.Toastify__toast-container--top-left {
top:var(--toastify-toast-top);left:var(--toastify-toast-left)}
.Toastify__toast-container--top-center {
top:var(--toastify-toast-top);left:50%;transform:translateX(-50%)}
.Toastify__toast-container--top-right {
top:var(--toastify-toast-top);right:var(--toastify-toast-right)}
.Toastify__toast-container--bottom-left {
bottom:var(--toastify-toast-bottom);left:var(--toastify-toast-left)}
.Toastify__toast-container--bottom-center {
bottom:var(--toastify-toast-bottom);left:50%;transform:translateX(-50%)}
.Toastify__toast-container--bottom-right {
bottom:var(--toastify-toast-bottom);right:var(--toastify-toast-right)}
@media only screen and (max-width:480px) {
.Toastify__toast-container {
width:100vw;padding:0;left:env(safe-area-inset-left);margin:0}
.Toastify__toast-container--top-center,.Toastify__toast-container--top-left,.Toastify__toast-container--top-right {
top:env(safe-area-inset-top);transform:translateX(0)}
.Toastify__toast-container--bottom-center,.Toastify__toast-container--bottom-left,.Toastify__toast-container--bottom-right {
bottom:env(safe-area-inset-bottom);transform:translateX(0)}
.Toastify__toast-container--rtl {
right:env(safe-area-inset-right);left:auto}
}
.Toastify__toast {
--y:0;position:relative;touch-action:none;min-height:var(--toastify-toast-min-height);box-sizing:border-box;margin-bottom:1rem;padding:8px;border-radius:var(--toastify-toast-bd-radius);box-shadow:0 4px 12px rgba(0,0,0,.1);display:flex;justify-content:space-between;max-height:var(--toastify-toast-max-height);font-family:var(--toastify-font-family);cursor:default;direction:ltr;z-index:0;overflow:hidden}
.Toastify__toast--stacked {
position:absolute;width:100%;transform:translate3d(0,var(--y),0) scale(var(--s));transition:transform .3s}
.Toastify__toast--stacked[data-collapsed] .Toastify__close-button,.Toastify__toast--stacked[data-collapsed] .Toastify__toast-body {
transition:opacity .1s}
.Toastify__toast--stacked[data-collapsed=false] {
overflow:visible}
.Toastify__toast--stacked[data-collapsed=true]:not(:last-child)>* {
opacity:0}
.Toastify__toast--stacked:after {
content:"";position:absolute;left:0;right:0;height:calc(var(--g) * 1px);bottom:100%}
.Toastify__toast--stacked[data-pos=top] {
top:0}
.Toastify__toast--stacked[data-pos=bot] {
bottom:0}
.Toastify__toast--stacked[data-pos=bot].Toastify__toast--stacked:before {
transform-origin:top}
.Toastify__toast--stacked[data-pos=top].Toastify__toast--stacked:before {
transform-origin:bottom}
.Toastify__toast--stacked:before {
content:"";position:absolute;left:0;right:0;bottom:0;height:100%;transform:scaleY(3);z-index:-1}
.Toastify__toast--rtl {
direction:rtl}
.Toastify__toast--close-on-click {
cursor:pointer}
.Toastify__toast-body {
margin:auto 0;flex:1 1 auto;padding:6px;display:flex;align-items:center}
.Toastify__toast-body>div:last-child {
word-break:break-word;flex:1 1}
.Toastify__toast-icon {
-webkit-margin-end:10px;margin-inline-end:10px;width:20px;flex-shrink:0;display:flex}
.Toastify--animate {
animation-fill-mode:both;animation-duration:.5s}
.Toastify--animate-icon {
animation-fill-mode:both;animation-duration:.3s}
@media only screen and (max-width:480px) {
.Toastify__toast {
margin-bottom:0;border-radius:0}
}
.Toastify__toast-theme--dark {
background:var(--toastify-color-dark);color:var(--toastify-text-color-dark)}
.Toastify__toast-theme--colored.Toastify__toast--default,.Toastify__toast-theme--light {
background:var(--toastify-color-light);color:var(--toastify-text-color-light)}
.Toastify__toast-theme--colored.Toastify__toast--info {
color:var(--toastify-text-color-info);background:var(--toastify-color-info)}
.Toastify__toast-theme--colored.Toastify__toast--success {
color:var(--toastify-text-color-success);background:var(--toastify-color-success)}
.Toastify__toast-theme--colored.Toastify__toast--warning {
color:var(--toastify-text-color-warning);background:var(--toastify-color-warning)}
.Toastify__toast-theme--colored.Toastify__toast--error {
color:var(--toastify-text-color-error);background:var(--toastify-color-error)}
.Toastify__progress-bar-theme--light {
background:var(--toastify-color-progress-light)}
.Toastify__progress-bar-theme--dark {
background:var(--toastify-color-progress-dark)}
.Toastify__progress-bar--info {
background:var(--toastify-color-progress-info)}
.Toastify__progress-bar--success {
background:var(--toastify-color-progress-success)}
.Toastify__progress-bar--warning {
background:var(--toastify-color-progress-warning)}
.Toastify__progress-bar--error {
background:var(--toastify-color-progress-error)}
.Toastify__progress-bar-theme--colored.Toastify__progress-bar--error,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--success,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning {
background:var(--toastify-color-transparent)}
.Toastify__close-button {
color:#fff;background:transparent;outline:none;border:none;padding:0;cursor:pointer;opacity:.7;transition:.3s ease;align-self:flex-start;z-index:1}
.Toastify__close-button--light {
color:#000;opacity:.3}
.Toastify__close-button>svg {
fill:currentColor;height:16px;width:14px}
.Toastify__close-button:focus,.Toastify__close-button:hover {
opacity:1}
@keyframes Toastify__trackProgress {
0% {
transform:scaleX(1)}
to {
transform:scaleX(0)}
}
.Toastify__progress-bar {
position:absolute;bottom:0;left:0;width:100%;height:100%;z-index:var(--toastify-z-index);opacity:.7;transform-origin:left;border-bottom-left-radius:var(--toastify-toast-bd-radius)}
.Toastify__progress-bar--animated {
animation:Toastify__trackProgress linear 1 forwards}
.Toastify__progress-bar--controlled {
transition:transform .2s}
.Toastify__progress-bar--rtl {
right:0;left:auto;transform-origin:right;border-bottom-left-radius:0;border-bottom-right-radius:var(--toastify-toast-bd-radius)}
.Toastify__progress-bar--wrp {
position:absolute;bottom:0;left:0;width:100%;height:5px;border-bottom-left-radius:var(--toastify-toast-bd-radius)}
.Toastify__progress-bar--wrp[data-hidden=true] {
opacity:0}
.Toastify__progress-bar--bg {
opacity:var(--toastify-color-progress-bgo);width:100%;height:100%}
.Toastify__spinner {
width:20px;height:20px;box-sizing:border-box;border:2px solid;border-radius:100%;border-color:var(--toastify-spinner-color-empty-area);border-right-color:var(--toastify-spinner-color);animation:Toastify__spin .65s linear infinite}
@keyframes Toastify__bounceInRight {
0%,60%,75%,90%,to {
animation-timing-function:cubic-bezier(.215,.61,.355,1)}
0% {
opacity:0;transform:translate3d(3000px,0,0)}
60% {
opacity:1;transform:translate3d(-25px,0,0)}
75% {
transform:translate3d(10px,0,0)}
90% {
transform:translate3d(-5px,0,0)}
to {
transform:none}
}
@keyframes Toastify__bounceOutRight {
20% {
opacity:1;transform:translate3d(-20px,var(--y),0)}
to {
opacity:0;transform:translate3d(2000px,var(--y),0)}
}
@keyframes Toastify__bounceInLeft {
0%,60%,75%,90%,to {
animation-timing-function:cubic-bezier(.215,.61,.355,1)}
0% {
opacity:0;transform:translate3d(-3000px,0,0)}
60% {
opacity:1;transform:translate3d(25px,0,0)}
75% {
transform:translate3d(-10px,0,0)}
90% {
transform:translate3d(5px,0,0)}
to {
transform:none}
}
@keyframes Toastify__bounceOutLeft {
20% {
opacity:1;transform:translate3d(20px,var(--y),0)}
to {
opacity:0;transform:translate3d(-2000px,var(--y),0)}
}
@keyframes Toastify__bounceInUp {
0%,60%,75%,90%,to {
animation-timing-function:cubic-bezier(.215,.61,.355,1)}
0% {
opacity:0;transform:translate3d(0,3000px,0)}
60% {
opacity:1;transform:translate3d(0,-20px,0)}
75% {
transform:translate3d(0,10px,0)}
90% {
transform:translate3d(0,-5px,0)}
to {
transform:translateZ(0)}
}
@keyframes Toastify__bounceOutUp {
20% {
transform:translate3d(0,calc(var(--y) - 10px),0)}
40%,45% {
opacity:1;transform:translate3d(0,calc(var(--y) + 20px),0)}
to {
opacity:0;transform:translate3d(0,-2000px,0)}
}
@keyframes Toastify__bounceInDown {
0%,60%,75%,90%,to {
animation-timing-function:cubic-bezier(.215,.61,.355,1)}
0% {
opacity:0;transform:translate3d(0,-3000px,0)}
60% {
opacity:1;transform:translate3d(0,25px,0)}
75% {
transform:translate3d(0,-10px,0)}
90% {
transform:translate3d(0,5px,0)}
to {
transform:none}
}
@keyframes Toastify__bounceOutDown {
20% {
transform:translate3d(0,calc(var(--y) - 10px),0)}
40%,45% {
opacity:1;transform:translate3d(0,calc(var(--y) + 20px),0)}
to {
opacity:0;transform:translate3d(0,2000px,0)}
}
.Toastify__bounce-enter--bottom-left,.Toastify__bounce-enter--top-left {
animation-name:Toastify__bounceInLeft}
.Toastify__bounce-enter--bottom-right,.Toastify__bounce-enter--top-right {
animation-name:Toastify__bounceInRight}
.Toastify__bounce-enter--top-center {
animation-name:Toastify__bounceInDown}
.Toastify__bounce-enter--bottom-center {
animation-name:Toastify__bounceInUp}
.Toastify__bounce-exit--bottom-left,.Toastify__bounce-exit--top-left {
animation-name:Toastify__bounceOutLeft}
.Toastify__bounce-exit--bottom-right,.Toastify__bounce-exit--top-right {
animation-name:Toastify__bounceOutRight}
.Toastify__bounce-exit--top-center {
animation-name:Toastify__bounceOutUp}
.Toastify__bounce-exit--bottom-center {
animation-name:Toastify__bounceOutDown}
@keyframes Toastify__zoomIn {
0% {
opacity:0;transform:scale3d(.3,.3,.3)}
50% {
opacity:1}
}
@keyframes Toastify__zoomOut {
0% {
opacity:1}
50% {
opacity:0;transform:translate3d(0,var(--y),0) scale3d(.3,.3,.3)}
to {
opacity:0}
}
.Toastify__zoom-enter {
animation-name:Toastify__zoomIn}
.Toastify__zoom-exit {
animation-name:Toastify__zoomOut}
@keyframes Toastify__flipIn {
0% {
transform:perspective(400px) rotateX(90deg);animation-timing-function:ease-in;opacity:0}
40% {
transform:perspective(400px) rotateX(-20deg);animation-timing-function:ease-in}
60% {
transform:perspective(400px) rotateX(10deg);opacity:1}
80% {
transform:perspective(400px) rotateX(-5deg)}
to {
transform:perspective(400px)}
}
@keyframes Toastify__flipOut {
0% {
transform:translate3d(0,var(--y),0) perspective(400px)}
30% {
transform:translate3d(0,var(--y),0) perspective(400px) rotateX(-20deg);opacity:1}
to {
transform:translate3d(0,var(--y),0) perspective(400px) rotateX(90deg);opacity:0}
}
.Toastify__flip-enter {
animation-name:Toastify__flipIn}
.Toastify__flip-exit {
animation-name:Toastify__flipOut}
@keyframes Toastify__slideInRight {
0% {
transform:translate3d(110%,0,0);visibility:visible}
to {
transform:translate3d(0,var(--y),0)}
}
@keyframes Toastify__slideInLeft {
0% {
transform:translate3d(-110%,0,0);visibility:visible}
to {
transform:translate3d(0,var(--y),0)}
}
@keyframes Toastify__slideInUp {
0% {
transform:translate3d(0,110%,0);visibility:visible}
to {
transform:translate3d(0,var(--y),0)}
}
@keyframes Toastify__slideInDown {
0% {
transform:translate3d(0,-110%,0);visibility:visible}
to {
transform:translate3d(0,var(--y),0)}
}
@keyframes Toastify__slideOutRight {
0% {
transform:translate3d(0,var(--y),0)}
to {
visibility:hidden;transform:translate3d(110%,var(--y),0)}
}
@keyframes Toastify__slideOutLeft {
0% {
transform:translate3d(0,var(--y),0)}
to {
visibility:hidden;transform:translate3d(-110%,var(--y),0)}
}
@keyframes Toastify__slideOutDown {
0% {
transform:translate3d(0,var(--y),0)}
to {
visibility:hidden;transform:translate3d(0,500px,0)}
}
@keyframes Toastify__slideOutUp {
0% {
transform:translate3d(0,var(--y),0)}
to {
visibility:hidden;transform:translate3d(0,-500px,0)}
}
.Toastify__slide-enter--bottom-left,.Toastify__slide-enter--top-left {
animation-name:Toastify__slideInLeft}
.Toastify__slide-enter--bottom-right,.Toastify__slide-enter--top-right {
animation-name:Toastify__slideInRight}
.Toastify__slide-enter--top-center {
animation-name:Toastify__slideInDown}
.Toastify__slide-enter--bottom-center {
animation-name:Toastify__slideInUp}
.Toastify__slide-exit--bottom-left,.Toastify__slide-exit--top-left {
animation-name:Toastify__slideOutLeft;animation-timing-function:ease-in;animation-duration:.3s}
.Toastify__slide-exit--bottom-right,.Toastify__slide-exit--top-right {
animation-name:Toastify__slideOutRight;animation-timing-function:ease-in;animation-duration:.3s}
.Toastify__slide-exit--top-center {
animation-name:Toastify__slideOutUp;animation-timing-function:ease-in;animation-duration:.3s}
.Toastify__slide-exit--bottom-center {
animation-name:Toastify__slideOutDown;animation-timing-function:ease-in;animation-duration:.3s}
@keyframes Toastify__spin {
0% {
transform:rotate(0deg)}
to {
transform:rotate(1turn)}
}
:root {
--PhoneInput-color--focus:#03b2cb;--PhoneInputInternationalIconPhone-opacity:0.8;--PhoneInputInternationalIconGlobe-opacity:0.65;--PhoneInputCountrySelect-marginRight:0.35em;--PhoneInputCountrySelectArrow-width:0.3em;--PhoneInputCountrySelectArrow-marginLeft:var(--PhoneInputCountrySelect-marginRight);--PhoneInputCountrySelectArrow-borderWidth:1px;--PhoneInputCountrySelectArrow-opacity:0.45;--PhoneInputCountrySelectArrow-color:currentColor;--PhoneInputCountrySelectArrow-color--focus:var(--PhoneInput-color--focus);--PhoneInputCountrySelectArrow-transform:rotate(45deg);--PhoneInputCountryFlag-aspectRatio:1.5;--PhoneInputCountryFlag-height:1em;--PhoneInputCountryFlag-borderWidth:1px;--PhoneInputCountryFlag-borderColor:rgba(0,0,0,.5);--PhoneInputCountryFlag-borderColor--focus:var(--PhoneInput-color--focus);--PhoneInputCountryFlag-backgroundColor--loading:rgba(0,0,0,.1)}
.PhoneInput {
display:flex;align-items:center}
.PhoneInputInput {
flex:1 1;min-width:0}
.PhoneInputCountryIcon {
width:calc(var(--PhoneInputCountryFlag-height) * var(--PhoneInputCountryFlag-aspectRatio));height:var(--PhoneInputCountryFlag-height)}
.PhoneInputCountryIcon--square {
width:var(--PhoneInputCountryFlag-height)}
.PhoneInputCountryIcon--border {
background-color:var(--PhoneInputCountryFlag-backgroundColor--loading);box-shadow:0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor),inset 0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor)}
.PhoneInputCountryIconImg {
display:block;width:100%;height:100%}
.PhoneInputInternationalIconPhone {
opacity:var(--PhoneInputInternationalIconPhone-opacity)}
.PhoneInputInternationalIconGlobe {
opacity:var(--PhoneInputInternationalIconGlobe-opacity)}
.PhoneInputCountry {
position:relative;align-self:stretch;display:flex;align-items:center;margin-right:var(--PhoneInputCountrySelect-marginRight)}
.PhoneInputCountrySelect {
position:absolute;top:0;left:0;height:100%;width:100%;z-index:1;border:0;opacity:0;cursor:pointer}
.PhoneInputCountrySelect[disabled],.PhoneInputCountrySelect[readonly] {
cursor:default}
.PhoneInputCountrySelectArrow {
display:block;content:"";width:var(--PhoneInputCountrySelectArrow-width);height:var(--PhoneInputCountrySelectArrow-width);margin-left:var(--PhoneInputCountrySelectArrow-marginLeft);border-style:solid;border-color:var(--PhoneInputCountrySelectArrow-color);border-top-width:0;border-bottom-width:var(--PhoneInputCountrySelectArrow-borderWidth);border-left-width:0;border-right-width:var(--PhoneInputCountrySelectArrow-borderWidth);transform:var(--PhoneInputCountrySelectArrow-transform);opacity:var(--PhoneInputCountrySelectArrow-opacity)}
.PhoneInputCountrySelect:focus+.PhoneInputCountryIcon+.PhoneInputCountrySelectArrow {
opacity:1;color:var(--PhoneInputCountrySelectArrow-color--focus)}
.PhoneInputCountrySelect:focus+.PhoneInputCountryIcon--border {
box-shadow:0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor--focus),inset 0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor--focus)}
.PhoneInputCountrySelect:focus+.PhoneInputCountryIcon .PhoneInputInternationalIconGlobe {
opacity:1;color:var(--PhoneInputCountrySelectArrow-color--focus)}
form {
display:grid;grid-template-areas:"firstName lastName" "company company" "email phone" "message message";grid-template-rows:auto auto auto 200px;grid-column-gap:1vw;grid-row-gap:2.5vh;width:65%;padding-bottom:5vh;input {
width:100%;padding:.2vw 0 .2vw .2vw;font-size:calc(14px + .5vw);font-weight:200;color:#8696a7;height:calc(20px + 2vh);outline:none;margin:1px;border:1px solid #8696a7;&:focus {
border:2px solid #8696a7;margin:0}
}
textarea {
font-weight:200;color:#8696a7;font-size:calc(14px + .5vw);resize:none;padding:.2vw 0 .2vw .2vw;outline:none;border:1px solid #8696a7;margin:2px;width:100%!important;&:focus {
border:2px solid #8696a7;margin:0}
}
input[type=submit] {
width:max(90px,20%);font-size:calc(14px + .5vw);font-weight:200;cursor:pointer;background:#8696a7;color:#fff;border:2px;margin-bottom:2vh;padding:0}
input[type=submit]:hover {
width:max(90px,20%);padding:0;background:#fff;border:2px solid #8696a7;color:#8696a7}
.firstName {
grid-area:firstName}
.lastName {
grid-area:lastName}
.company {
grid-area:company}
.email {
grid-area:email}
.phone {
grid-area:phone;width:100%!important;padding:0 0 .2vw .4vw}
.PhoneInputInput {
padding-right:.2vw}
.message {
grid-area:message}
}
@media (max-width:1250px) {
form {
width:100%}
}
@media (max-width:800px) {
form {
grid-template-areas:"firstName" "lastName" "company" "email" "phone" "message";grid-template-rows:auto auto auto auto auto 200px;width:80%;min-width:330px}
}