.navbar{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:20px 3vh;background-color:#153e4e}a,button,li{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-weight:700;font-size:16px;color:#fff;text-decoration:none}.logo{cursor:pointer;margin-right:auto}.nav__links{list-style:none}.nav__links li{display:inline-block;padding-left:40px}.nav__links li a{-webkit-transition:all .3s ease 0s;transition:all .3s ease 0s}.nav__links li a:hover{color:rgba(53,199,89,.911)}@media (max-width:640px){.navbar{display:-webkit-box;display:-ms-flexbox;display:flex}.nav__links li{padding-left:40px}}.landing{background-color:#153e4e}.text_fatihozcelik{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-weight:700;font-size:80px;color:rgba(53,199,89,.911);background-color:transparent}#text_fatih{margin:-13px;background-color:transparent}#profession{font-size:40px;padding-bottom:.2%}#description,#profession{color:hsla(0,0%,100%,.842);background-color:transparent}#description{font-size:21px;padding-bottom:3%}#btn{padding:1%;color:rgba(53,199,89,.911);background-color:transparent;border:2px solid;font-size:20px;cursor:pointer;font-weight:500;-webkit-transition:background-color .4s ease 0s,color 0s,border-color 0s;transition:background-color .4s ease 0s,color 0s,border-color 0s}#btn:hover{background-color:rgba(53,199,89,.911);color:#153e4e;border-color:rgba(53,199,89,.911)}#f-logo-before-text{height:77px}#f-logo-hero{background-color:transparent;height:550px;stroke-dasharray:510;stroke-dashoffset:510;fill:transparent;-webkit-animation:draw 4s linear forwards;animation:draw 4s linear forwards;-webkit-animation-delay:2s;animation-delay:2s}#f-logo-hero-id{-webkit-animation:fillLogo 4.5s linear forwards;animation:fillLogo 4.5s linear forwards;-webkit-animation-delay:6s;animation-delay:6s}@-webkit-keyframes draw{to{stroke-dashoffset:0}}@keyframes draw{to{stroke-dashoffset:0}}@-webkit-keyframes fillLogo{to{fill:#3bb75a}}@keyframes fillLogo{to{fill:#3bb75a}}@media (min-width:1101px){.landing{min-height:calc(100vh - 93px);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}#description{width:580px}.text-and-button-container{margin-left:40px;margin-top:100px}}@media (max-width:1100px) and (min-width:640px){#f-logo-hero{height:380px;-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2;padding-top:9%;-ms-flex-item-align:center;align-self:center}.landing{position:fixed;height:calc(100vh - 93px);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.text-and-button-container{padding-top:2vh;padding-right:3vh;padding-left:3vh;-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}}@media (max-width:640px){.landing{position:fixed;height:calc(100vh - 93px);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.text_fatihozcelik{font-size:60px}#profession{font-size:28px}#description{font-size:18px}#btn{font-size:17px}#text_fatih{margin:-13px;background-color:transparent}#f-logo-hero{height:230px;-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2;padding-top:9%;-ms-flex-item-align:center;align-self:center}#f-logo-before-text{height:60px}.text-and-button-container{padding-top:2vh;padding-right:2vh;padding-left:2vh;-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}}.about{background-color:green;display:-webkit-box;display:-ms-flexbox;display:flex;min-height:100vh}#particles-js,.particleslanding{background-color:#153e4e}#particles-js{width:100%;height:100%;position:fixed;z-index:1}#coming-soon{z-index:2;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#fff;position:relative;font-size:120px;background-color:transparent;padding-top:20%}#coming-soon-last-dot{color:#fff;-webkit-animation:blink;animation:blink;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-direction:alternate;animation-direction:alternate}@-webkit-keyframes blink{0%{color:#fff}to{color:transparent}}@keyframes blink{0%{color:#fff}to{color:transparent}}@media (max-width:640px){#coming-soon{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#fff;position:relative;font-size:50px;background-color:transparent;padding-top:45%}}*{margin:0;padding:0}.contact-container{min-height:calc(100vh - 93px);background-color:#153e4e;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.form-container{margin-right:10vw;-webkit-transform:translateX(-200%);transform:translateX(-200%);-webkit-animation:slide-in-form 2s forwards;animation:slide-in-form 2s forwards}@-webkit-keyframes slide-in-form{to{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes slide-in-form{to{-webkit-transform:translateX(0);transform:translateX(0)}}.text-box{font-size:15px;-webkit-box-sizing:border-box;box-sizing:border-box;width:640px;padding:15px;background-color:#1b4e63;color:#fff;border-radius:3px;border-collapse:#fff;border:1px solid transparent;margin-bottom:20px}#title{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1;font-size:44px;color:rgba(53,199,89,.911);margin-bottom:15px}#name-container{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2}#email-container{-webkit-box-ordinal-group:4;-ms-flex-order:3;order:3}#subject-container{-webkit-box-ordinal-group:5;-ms-flex-order:4;order:4}#message-container{-webkit-box-ordinal-group:6;-ms-flex-order:5;order:5}#message-textarea{margin-bottom:15px;height:30vh;resize:none}textarea::-webkit-scrollbar{width:1em}textarea::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3)}textarea::-webkit-scrollbar-thumb{background-color:#153e4e}::-webkit-input-placeholder{color:#c5c5c5;opacity:1}::-moz-placeholder{color:#c5c5c5;opacity:1}:-ms-input-placeholder{color:#c5c5c5;opacity:1}::-ms-input-placeholder{color:#c5c5c5;opacity:1}::placeholder{color:#c5c5c5;opacity:1}input:-webkit-autofill{-webkit-animation-name:autofill;animation-name:autofill;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-text-fill-color:hsla(0,0%,100%,.842)!important}@-webkit-keyframes autofill{to{color:hsla(0,0%,100%,.842);background:#1b4e63}}@keyframes autofill{to{color:hsla(0,0%,100%,.842);background:#1b4e63}}input[type=email]:focus,input[type=text]:focus,textarea:focus{border:1px solid rgba(53,199,89,.911)!important;outline:none}input:focus::-webkit-input-placeholder,textarea:focus::-webkit-input-placeholder{color:transparent}input:focus::-moz-placeholder,textarea:focus::-moz-placeholder{color:transparent}input:focus:-ms-input-placeholder,textarea:focus:-ms-input-placeholder{color:transparent}input:focus::-ms-input-placeholder,textarea:focus::-ms-input-placeholder{color:transparent}input:focus::placeholder,textarea:focus::placeholder{color:transparent}#send-button-container{-webkit-box-ordinal-group:6;-ms-flex-order:5;order:5}#send-button-submit{font-size:18px;font-weight:500;padding:.9%;color:rgba(53,199,89,.911);background-color:transparent;border:2px solid;border-color:rgba(53,199,89,.911);border-radius:3px;cursor:pointer;-webkit-transition:background-color .4s ease 0s,color 0s,border-color 0s;transition:background-color .4s ease 0s,color 0s,border-color 0s}#send-button-submit:hover{background-color:rgba(53,199,89,.911);color:#153e4e;border-color:rgba(53,199,89,.911)}#svg-envelope{height:400px}#envelope-container{-webkit-animation:slide-in-envelope 2s linear forwards;animation:slide-in-envelope 2s linear forwards}@-webkit-keyframes slide-in-envelope{0%{-webkit-transform:translateY(-200%) rotateY(0deg);transform:translateY(-200%) rotateY(0deg)}50%{-webkit-transform:translateY(-100%) rotateY(1turn);transform:translateY(-100%) rotateY(1turn)}to{-webkit-transform:translateY(0) rotateY(0deg);transform:translateY(0) rotateY(0deg)}}@keyframes slide-in-envelope{0%{-webkit-transform:translateY(-200%) rotateY(0deg);transform:translateY(-200%) rotateY(0deg)}50%{-webkit-transform:translateY(-100%) rotateY(1turn);transform:translateY(-100%) rotateY(1turn)}to{-webkit-transform:translateY(0) rotateY(0deg);transform:translateY(0) rotateY(0deg)}}@-webkit-keyframes fold{to{-webkit-transform:rotateX(0deg);transform:rotateX(0deg)}}@-webkit-keyframes slide-out-envelope{0%{-webkit-transform:translateY(-200%) rotateY(0deg);transform:translateY(-200%) rotateY(0deg)}50%{-webkit-transform:translateY(-100%) rotateY(1turn);transform:translateY(-100%) rotateY(1turn)}to{-webkit-transform:translateY(0) rotateY(0deg);transform:translateY(0) rotateY(0deg)}}@keyframes slide-out-envelope{0%{-webkit-transform:translateY(-200%) rotateY(0deg);transform:translateY(-200%) rotateY(0deg)}50%{-webkit-transform:translateY(-100%) rotateY(1turn);transform:translateY(-100%) rotateY(1turn)}to{-webkit-transform:translateY(0) rotateY(0deg);transform:translateY(0) rotateY(0deg)}}#topflap-open-colored{-webkit-transform:rotateX(180deg);transform:rotateX(180deg);-webkit-transform-origin:center 94.3%;transform-origin:center 94.3%;-webkit-animation:fold 2s 2s forwards;animation:fold 2s 2s forwards}@keyframes fold{to{-webkit-transform:rotateX(0deg);transform:rotateX(0deg)}}#innerside,#topflap-closed,#topflap-open{visibility:hidden}#warning-text{font-size:20px;margin-top:15px;width:500px;color:rgba(53,199,89,.911)}@media (max-width:1270px){.form-container{margin-right:2vw}}@media (max-width:1100px){.form-container{margin-right:4vw}#warning-text,.text-box{width:370px}}@media (max-width:840px){.contact-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding-left:2vh}}