body{background-color:#1f273c}.App{border-radius:26px}@media only screen and (min-width: 560px){.App{border-radius:0}}.dark{background-color:#1a1a1a!important}.dark .dark-primary-gradient{background:linear-gradient(to right,#00fcd5,#00c6ff);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.dark .dark-primary-bg-gradient{background:linear-gradient(to bottom,#00fcd5,#00c6ff)}.dark .dark-primary-bg-gradient:hover{transform:scale(1.05)}.dark .contents{background-color:#1a1a1a!important}.dark .contents .highlight-button{background:linear-gradient(to right,#00fcd5,#00c6ff);color:#2a5382}.dark .contents .highlight-button:hover{background:linear-gradient(to right,#ffffff80,#ffffff80),linear-gradient(to right,#00fcd5,#00c6ff)}.dark .footer{background-color:#101010}.dark .banner{background-image:linear-gradient(to bottom,#0e0e0ecc,#0e0e0ecc),url(../images/hero-slide02.jpg)!important}.dark .banner .title{background:linear-gradient(to right,#00fcd5,#00c6ff);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.contents{background-color:#fff}.contents .banner{position:relative;display:flex;flex-direction:column;height:100vh;align-items:center;justify-content:center;background-position:bottom;background-repeat:no-repeat;background-image:linear-gradient(to bottom,#4e473d66,#4e473d66),url(../images/hero-slide02.jpg);background-size:cover}.contents .banner .title{font-size:60px;color:#fff;font-family:LuloClean-OneBold}.contents .banner:before{background-color:#1818ff66}@media only screen and (max-width: 560px){.contents .banner{height:300px}.contents .banner .title{font-size:35px}}@media only screen and (min-width: 561px){.md\:none{display:none}}.section-title{color:#2a5382;font-size:30px;margin:40px auto;font-family:LuloClean-OneBold}.title3{color:#fff;font-size:14px;font-family:LuloClean-One;font-weight:200;padding:6px;margin:5px;letter-spacing:1px;border-bottom:#fff solid 1px;border-top:#fff solid 1px;text-align:center}@media only screen and (max-width: 560px){.title3{font-size:12px}}.bottom-line{height:1px;width:100%;position:absolute;bottom:0;left:0}input:focus,textarea:focus{outline:0}.button{background-color:#33658a;color:#fff;text-decoration:none;padding:15px;width:150px;text-align:center;transition:.4s ease}.button:hover{background-color:#6d9dc5}.skills{display:flex;align-items:center;justify-content:center;flex-direction:column}.skill-container{display:flex;align-items:center;justify-content:center}.skill-container ul{display:flex;justify-content:center;align-items:center;padding:0;flex-wrap:wrap}.skill-container ul a{transition:.4s}.skill-container ul a:has(+a:hover),.skill-container ul a:hover+a{transform:scale(1.1) translateY(-2px)}.skill-container ul a:hover{transform:scale(1.5) translateY(-5px)}.skill-container ul a li{width:100px;height:100px;display:flex;align-items:center;justify-content:center}.skill-container ul a li img{height:60px;width:auto}.card{background-color:#fff;border-radius:5px;border:0px;box-shadow:0 1px 1px 1px #0003;padding:24px;width:470px;color:#03a6de;margin:25px 5px}.field{position:relative;width:85%;margin-top:15px;display:flex;align-items:center;justify-content:center}.flex{display:flex}.flex-center{align-items:center;justify-content:center}.flex-end{align-items:center;justify-content:flex-end}.flex-start{align-items:center;justify-content:flex-start}.flex-between{align-items:center;justify-content:space-between}.flex-start-between{align-items:flex-start;justify-content:space-between}.flex-start-start{align-items:flex-start;justify-content:flex-start}.flex-row{flex-direction:row}.flex-row-rev{flex-direction:row-reverse}.flex-col{flex-direction:column}.flex-col-rev{flex-direction:column-reverse}.flex-wrap{flex-wrap:wrap}.bg-cover{background-position:center;background-repeat:no-repeat;background-size:cover}html{scroll-behavior:smooth}body{margin:0;font-family:Montserrat;min-height:100vh}.hero-title{font-size:35px;font-family:LuloClean-OneBold;color:#fff}@media only screen and (min-width: 560px){.hero-title{font-size:60px}}.dark .hero-title{background:linear-gradient(to right,#00fcd5,#00c6ff);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.dark .banner{background-image:linear-gradient(to bottom,#0e0e0ecc,#0e0e0ecc),url(../images/hero-slide02.jpg)!important}.section-content{width:100%}.contents,#home{border-radius:26px 26px 0 0}@media only screen and (min-width: 560px){.contents,#home{border-radius:0}}#about{display:flex;flex-direction:column;align-items:center;justify-content:center}#about .about-container{display:flex;flex-direction:row;align-items:stretch;flex-wrap:wrap;justify-content:space-around;margin-bottom:30px;max-width:1024px}#about .about-container .about-pic{background-size:cover;background-repeat:no-repeat;background-position:center bottom;display:flex;justify-content:center;align-items:center}#about .about-container .about-pic img,#about .about-container .about-pic div{width:85%;height:auto;background-position:center;background-repeat:no-repeat;background-size:contain}@media only screen and (min-width: 1024px){#about .about-container .about-pic img{width:100%}}#about .about-container .about-pic,#about .about-container .about-point{display:flex;flex-direction:column;align-items:center;justify-content:space-between}#about .about-container .about-pic ul,#about .about-container .about-point ul{margin:0;padding-right:15px}#about .about-container .about-pic ul li,#about .about-container .about-point ul li{padding-bottom:10px;font-size:18px;color:#878787;font-weight:300;font-family:Montserrat}@media only screen and (min-width: 1024px){#about .about-container .about-pic ul,#about .about-container .about-point ul{padding-right:unset}}.contact{display:flex;flex-direction:column;align-items:center;justify-content:center;margin-bottom:40px;color:#878787}.contact form{display:flex;flex-direction:column;align-items:center;justify-content:center}.contact form input{padding:5px;width:100%;height:20px;font-size:18px;border-radius:8px;margin-top:35px;margin-bottom:2px;border:0px solid #878787;appearance:none;-webkit-appearance:none;background-color:#0000}.contact form textarea{margin-top:20px;width:100%;height:60px;padding:5px;border-radius:8px;border:1px solid #878787;background-color:transparent}.contact input~label,.contact textarea~label{position:absolute;color:#878787;top:28px;left:8px;font-size:14px;transition:.4s}.contact .field input~span{background-color:#878787}.contact .field input:focus~span,.contact .field input:not(:focus):valid~span{background-color:#1f2735}.contact input:focus~label,.contact input:not(:focus):valid~label,.contact textarea:focus~label,.contact textarea:not(:focus):valid~label{top:0;left:8px;font-size:14px;opacity:1}.contact .gform_btn{width:200px;height:40px!important;padding:5px;background-color:#33658a!important;color:#fff;height:40px;font-weight:300;width:85%!important;font-size:14px;border-radius:25px!important;transition:all ease .7s;cursor:pointer}.contact .gform_btn:hover{background-color:#6d9dc5}@keyframes grow{0%{transform:scale(1);opacity:1}to{transform:scale(2);opacity:0}}@media only screen and (max-width: 1023px){.col-m-12{width:100vw;padding:15px 0}}@media only screen and (min-width: 1024px){.col-1{width:8.33%}.col-2{width:16.66%}.col-3{width:25%}.col-4{width:33.33%}.col-5{width:41.66%}.col-6{width:50%}.col-7{width:58.33%}.col-8{width:66.66%}.col-9{width:75%}.col-10{width:83.33%}.col-11{width:91.66%}.col-12{width:100%}}@font-face{font-family:LuloClean-One;src:url(//db.onlinewebfonts.com/t/116d187134420de5733c7c45bbc80c46.eot);src:url(//db.onlinewebfonts.com/t/116d187134420de5733c7c45bbc80c46.eot?#iefix) format("embedded-opentype"),url(//db.onlinewebfonts.com/t/116d187134420de5733c7c45bbc80c46.woff2) format("woff2"),url(//db.onlinewebfonts.com/t/116d187134420de5733c7c45bbc80c46.woff) format("woff"),url(//db.onlinewebfonts.com/t/116d187134420de5733c7c45bbc80c46.ttf) format("truetype"),url(//db.onlinewebfonts.com/t/116d187134420de5733c7c45bbc80c46.svg#LuloCleanW01-One) format("svg")}@font-face{font-family:Sofia Pro Light;src:url(../resources/Sofia%20Pro%20Light.ttf) format("truetype")}@font-face{font-family:LuloClean-OneBold;src:url(//db.onlinewebfonts.com/t/39a2c7f346d5cfae7045aeb2fb50d9ad.eot);src:url(//db.onlinewebfonts.com/t/39a2c7f346d5cfae7045aeb2fb50d9ad.eot?#iefix) format("embedded-opentype"),url(//db.onlinewebfonts.com/t/39a2c7f346d5cfae7045aeb2fb50d9ad.woff2) format("woff2"),url(//db.onlinewebfonts.com/t/39a2c7f346d5cfae7045aeb2fb50d9ad.woff) format("woff"),url(//db.onlinewebfonts.com/t/39a2c7f346d5cfae7045aeb2fb50d9ad.ttf) format("truetype"),url(//db.onlinewebfonts.com/t/39a2c7f346d5cfae7045aeb2fb50d9ad.svg#LuloCleanW01-OneBold) format("svg")}