-
Notifications
You must be signed in to change notification settings - Fork 1
Expand file tree
/
Copy pathstyle.css
More file actions
1 lines (1 loc) · 9.61 KB
/
style.css
File metadata and controls
1 lines (1 loc) · 9.61 KB
1
*,*::after,*::before{box-sizing:border-box}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after{content:"";content:none}q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}.row{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.col-1,.col-2,.col-3,.col-4,.col-5,.col-6 .col,.col-small-1,.col-small-2,.col-small-3,.col-small-4,.col-small-5,.col-small-6,.col-small,.col-medium-1,.col-medium-2,.col-medium-3,.col-medium-4,.col-medium-5,.col-medium-6,.col-medium,.col-large-1,.col-large-2,.col-large-3,.col-large-4,.col-large-5,.col-large-6,.col-large,.col-huge-1,.col-huge-2,.col-huge-3,.col-huge-4,.col-huge-5,.col-huge-6,.col-huge{position:relative;width:100%;padding-right:15px;padding-left:15px}.col{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-1{-ms-flex:0 0 16.6666666667%;flex:0 0 16.6666666667%;max-width:16.6666666667%}.col-2{-ms-flex:0 0 33.3333333333%;flex:0 0 33.3333333333%;max-width:33.3333333333%}.col-3{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-4{-ms-flex:0 0 66.6666666667%;flex:0 0 66.6666666667%;max-width:66.6666666667%}.col-5{-ms-flex:0 0 83.3333333333%;flex:0 0 83.3333333333%;max-width:83.3333333333%}.col-6{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}@media(min-width: 540px){.col-small{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-small-1{-ms-flex:0 0 16.6666666667%;flex:0 0 16.6666666667%;max-width:16.6666666667%}.col-small-2{-ms-flex:0 0 33.3333333333%;flex:0 0 33.3333333333%;max-width:33.3333333333%}.col-small-3{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-small-4{-ms-flex:0 0 66.6666666667%;flex:0 0 66.6666666667%;max-width:66.6666666667%}.col-small-5{-ms-flex:0 0 83.3333333333%;flex:0 0 83.3333333333%;max-width:83.3333333333%}.col-small-6{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}}@media(min-width: 900px){.col-medium{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-medium-1{-ms-flex:0 0 16.6666666667%;flex:0 0 16.6666666667%;max-width:16.6666666667%}.col-medium-2{-ms-flex:0 0 33.3333333333%;flex:0 0 33.3333333333%;max-width:33.3333333333%}.col-medium-3{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-medium-4{-ms-flex:0 0 66.6666666667%;flex:0 0 66.6666666667%;max-width:66.6666666667%}.col-medium-5{-ms-flex:0 0 83.3333333333%;flex:0 0 83.3333333333%;max-width:83.3333333333%}.col-medium-6{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}}@media(min-width: 1024px){.col-large{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-large-1{-ms-flex:0 0 16.6666666667%;flex:0 0 16.6666666667%;max-width:16.6666666667%}.col-large-2{-ms-flex:0 0 33.3333333333%;flex:0 0 33.3333333333%;max-width:33.3333333333%}.col-large-3{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-large-4{-ms-flex:0 0 66.6666666667%;flex:0 0 66.6666666667%;max-width:66.6666666667%}.col-large-5{-ms-flex:0 0 83.3333333333%;flex:0 0 83.3333333333%;max-width:83.3333333333%}.col-large-6{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}}@media(min-width: 1300px){.col-huge{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-huge-1{-ms-flex:0 0 16.6666666667%;flex:0 0 16.6666666667%;max-width:16.6666666667%}.col-huge-2{-ms-flex:0 0 33.3333333333%;flex:0 0 33.3333333333%;max-width:33.3333333333%}.col-huge-3{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-huge-4{-ms-flex:0 0 66.6666666667%;flex:0 0 66.6666666667%;max-width:66.6666666667%}.col-huge-5{-ms-flex:0 0 83.3333333333%;flex:0 0 83.3333333333%;max-width:83.3333333333%}.col-huge-6{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}}body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Cantarell,"Open Sans","Helvetica Neue",sans-serif;font-size:16px;color:#253535}h1,h2,h3,h4,h5,h6{margin-bottom:.5em}h6{font-size:1.2em}h5{font-size:1.5em}h4{font-size:1.8em}h3{font-size:2.1em}h2{font-size:2.4em}h1{font-size:2.7em}.m-1{margin:5px !important}.m-2{margin:10px !important}.m-3{margin:15px !important}.mx-1{margin-right:5px !important;margin-left:5px !important}.mx-2{margin-right:10px !important;margin-left:10px !important}.mx-3{margin-right:15px !important;margin-left:15px !important}.my-1{margin-top:5px !important;margin-bottom:5px !important}.my-2{margin-top:10px !important;margin-bottom:10px !important}.my-3{margin-top:15px !important;margin-bottom:15px !important}.mt-1{margin-top:5px !important}.mt-2{margin-top:10px !important}.mt-3{margin-top:15px !important}.mb-1{margin-bottom:5px !important}.mb-2{margin-bottom:10px !important}.mb-3{margin-bottom:15px !important}.mr-1{margin-right:5px !important}.mr-2{margin-right:10px !important}.mr-3{margin-right:15px !important}.ml-1{margin-left:5px !important}.ml-2{margin-left:10px !important}.ml-3{margin-left:15px !important}.p-1{padding:5px !important}.p-2{padding:10px !important}.p-3{padding:15px !important}.px-1{padding-right:5px !important;padding-left:5px !important}.px-2{padding-right:10px !important;padding-left:10px !important}.px-3{padding-right:15px !important;padding-left:15px !important}.py-1{padding-top:5px !important;padding-bottom:5px !important}.py-2{padding-top:10px !important;padding-bottom:10px !important}.py-3{padding-top:15px !important;padding-bottom:15px !important}.pt-1{padding-top:5px !important}.pt-2{padding-top:10px !important}.pt-3{padding-top:15px !important}.pb-1{padding-bottom:5px !important}.pb-2{padding-bottom:10px !important}.pb-3{padding-bottom:15px !important}.pr-1{padding-right:5px !important}.pr-2{padding-right:10px !important}.pr-3{padding-right:15px !important}.pl-1{padding-left:5px !important}.pl-2{padding-left:10px !important}.pl-3{padding-left:15px !important}.text-primary{color:#004355 !important}.text-secondary{color:#20639b !important}.text-tertiary{color:#3caea3 !important}.text-acent{color:#f6d55c !important}.text-warning{color:#ed553b !important}.text-gray-1{color:#253535 !important}.text-gray-2{color:#456565 !important}.text-gray-3{color:#859595 !important}.text-white{color:#fff !important}.bg-primary{background-color:#004355 !important}.bg-secondary{background-color:#20639b !important}.bg-tertiary{background-color:#3caea3 !important}.bg-accent{background-color:#f6d55c !important}.bg-warning{background-color:#ed553b !important}.bg-gray-1{background-color:#253535 !important}.bg-gray-2{background-color:#456565 !important}a{text-decoration:none;color:#3caea3}a:hover{text-decoration:underline}input{border:1px solid #859595;padding:5px 8px;margin:5px;border-radius:4px;color:#253535}input:focus{box-shadow:0 1px 2px rgba(10,10,10,.5)}button,.btn,input[type=button]{border:0;border-radius:4px;padding:15px 20px;font-weight:bold;text-decoration:none !important;background-color:#f6d55c;box-shadow:0 2px 3px rgba(0,0,0,.3);color:#004355}button:hover,.btn:hover,input[type=button]:hover{box-shadow:none;color:#3caea3;background-color:#fff}.container,.container-fluid{width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}.container{max-width:1300px}.text-center{text-align:center}.text-right{text-align:right}.text-left{text-align:left}.text-uppercase{text-transform:uppercase}.text-lowercase{text-transform:lowercase}.text-capitalize{text-transform:capitalize}.navbar{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between}.navbar .navbar-logo{display:-ms-flexbox;display:flex}.navbar .navbar-logo h1{font-size:28px;align-self:center;margin:0}.navbar a{color:#004355;text-decoration:none}.navbar .navbar-nav a{font-weight:bold;margin-left:15px}.navbar .navbar-nav a:hover{color:#3caea3}.navbar-toggler{display:none}.navbar-toggler .bar{background:#004355;transition:.5s}.overlayed .one{transform:rotate(45deg) translateY(7px)}.overlayed .three{transform:rotate(-45deg) translateY(-7px)}.overlayed .two{opacity:0}@media(max-width: 900px){.navbar-nav{position:fixed;top:0;right:0;width:0;height:100%;text-align:right;background:#3caea3;transition:width .2s,padding-top 3s}.navbar-nav a{color:#fff;display:block;margin:0 30px 10px 0}.navbar-nav.show{z-index:10;width:200px;padding-top:100px;transition:width .2s}.navbar-toggler{display:grid;position:relative;z-index:20;width:20px;height:12px;grid-template-columns:auto;grid-gap:3px}.overlayed .overlay{position:fixed;left:0;top:0;width:100%;height:100%;background:rgba(0,67,85,.8)}.overlayed .bar{background:#fff}}.align-right{text-align:right}.align-left{text-align:left}.float-left{float:left}.float-right{float:right}.clearfix{clear:both}.main{height:580px;display:flex;flex-direction:column;text-align:center;align-items:center;justify-content:center;background:#3caea3}.main h1{font-size:50px}.main p{font-size:25px}.main p.love{opacity:.5}.main .btn{padding:15px 30px}@media(max-width: 900px){.main h1{font-size:36px}.main p{font-size:16px}}.details{padding-top:60px;padding-bottom:60px}.details p{margin-right:auto;margin-left:auto;width:75%}.how .container{height:300px;width:75%;display:flex;flex-direction:column;align-items:center;justify-content:center}footer{padding:40px 0}footer .navbar-logo h1{font-size:18px !important}/*# sourceMappingURL=style.css.map */