diff --git a/assets/css/keyframes.css b/assets/css/keyframes.css index b252931..8081e51 100644 --- a/assets/css/keyframes.css +++ b/assets/css/keyframes.css @@ -1 +1 @@ -@import"https://fonts.googleapis.com/css2?family=Montserrat:wght@500;600;700&family=Oswald:wght@600&display=swap";@keyframes fullscreen-image-appear{from{opacity:0;width:0;height:0}to{width:100%;height:100vh}}@keyframes slideshow{0%{opacity:0;animation-timing-function:ease-in}8%{opacity:1;animation-timing-function:ease-out}17%{opacity:1}25%{opacity:0}100%{opacity:0}}@keyframes important{0%{transform:scale(1);text-shadow:#000 0 0 0;color:#fff}50%{transform:scale(1.02);text-shadow:#01003b 0 0 20px;color:#fff}100%{transform:scale(1);text-shadow:#000 0 0 0;color:#fff}}/*# sourceMappingURL=keyframes.css.map */ +@import"https://fonts.googleapis.com/css2?family=Montserrat:wght@500;600;700&family=Oswald:wght@600&display=swap";@keyframes fullscreen-image-appear{from{opacity:0;width:0;height:0}to{width:100%;height:100vh}}@keyframes slideshow{0%{opacity:0;animation-timing-function:ease-in}8%{opacity:1;animation-timing-function:ease-out}17%{opacity:1}25%{opacity:0}100%{opacity:0}}@keyframes important{0%{transform:scale(1);text-shadow:#000 0 0 0;color:#fff}50%{transform:scale(1.02);text-shadow:#01003b 0 0 20px;color:#fff}100%{transform:scale(1);text-shadow:#000 0 0 0;color:#fff}} diff --git a/assets/css/main.css b/assets/css/main.css index 2ad9e20..380a0d4 100644 --- a/assets/css/main.css +++ b/assets/css/main.css @@ -1 +1 @@ -@import"https://fonts.googleapis.com/css2?family=Montserrat:wght@500;600;700&family=Oswald:wght@600&display=swap";#header{background:#fdffff;padding:0 150px;position:sticky;display:flex;flex-direction:row;justify-content:space-between;align-items:center}@media screen and (max-width: 850px){#header{padding:0 50px}}@media screen and (max-width: 360px){#header{padding:0 25px}}#header #logo{display:flex;align-items:center;height:56px}@media screen and (max-width: 850px){#header #logo{height:36px}}#header .bounce-animation span{font:600 56px "Oswald",sans-serif;display:inline-block;color:#1d60b5;animation:bounce 2500ms infinite;animation-delay:calc(.1s*var(--i))}@media screen and (max-width: 850px){#header .bounce-animation span{font-size:36px}}@keyframes bounce{0%,40%,100%{transform:translateY(0)}20%{transform:translateY(-5px)}}#header .navbar{display:flex}#header .navbar .nav-item{margin-right:1vw;font:18px "Montserrat",sans-serif;font-weight:600;color:#706fff;text-decoration:none}#header .navbar .nav-item:hover{color:#01003b}#header .navbar .nav-item:last-of-type{margin-right:0}@media screen and (max-width: 1200px){#header .navbar .nav-item{display:none}}#header #toggle{display:none}#header #toggle-label{margin:0;width:36px;height:36px;position:relative;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}#header #toggle-label .bar{padding:0;width:36px;height:4px;background-color:#1d60b5;display:block;border-radius:4px;transition:all .4s ease-in-out;position:absolute}#header #toggle-label .bar1{transform-origin:5%}#header #toggle-label .bar4{transform-origin:5%}@media screen and (max-width: 850px){#header #toggle-label{width:28px;height:28px}#header #toggle-label .bar{width:28px}}#header .bar1{top:0}#header .bar2,#header .bar3{top:16px}@media screen and (max-width: 850px){#header .bar2,#header .bar3{top:12px}}#header .bar3{right:0}#header .bar4{bottom:0}#header #toggle:checked+#toggle-label>.bar1{transform:rotate(45deg);height:3px;width:50px}@media screen and (max-width: 850px){#header #toggle:checked+#toggle-label>.bar1{width:39px}}#header #toggle:checked+#toggle-label>.bar3{transform:rotate(45deg);height:3px;background-color:rgba(0,0,0,0)}#header #toggle:checked+#toggle-label>.bar2{transform:rotate(-45deg);height:3px;background-color:rgba(0,0,0,0)}#header #toggle:checked+#toggle-label>.bar4{transform:rotate(-45deg);height:3px;width:50px}@media screen and (max-width: 850px){#header #toggle:checked+#toggle-label>.bar4{width:39px}}#header #toggle-label{display:none}@media screen and (max-width: 1200px){#header #toggle-label{display:block}}#footer{display:flex;justify-content:space-between;background-color:#000;font:16px "Montserrat",sans-serif;padding-top:50px;padding-bottom:50px}#footer .footer-columns{display:flex}#footer .footer-columns .footer-column{margin:0 20px 20px 20px}#footer .footer-columns .footer-column h1{margin:0 0 16px 0;font:700 18px "Montserrat",sans-serif;color:#f5ffff}@media screen and (max-width: 400px){#footer .footer-columns .footer-column h1{font-size:14px}}#footer .footer-columns .footer-column a{text-decoration:none;color:#abb3b3}#footer .footer-columns .footer-column a:hover{font-size:17px;color:#b3d1ff}@media screen and (max-width: 400px){#footer .footer-columns .footer-column a:hover{font-size:13px}}#footer .footer-columns .footer-column ul{margin:0;padding:0;list-style-type:none}@media screen and (max-width: 400px){#footer{font-size:12px}}#footer-stateless{display:flex;justify-content:space-between;align-items:center;background-color:#1d60b5;color:#fff;font:14px "Montserrat",sans-serif}#footer-stateless a{color:#fff;text-decoration:none}#footer-stateless a:hover{font-style:italic}#footer-stateless .smaller{font-weight:200;font-size:12px}@media screen and (max-width: 400px){#footer-stateless .smaller{font-size:8px}}@media screen and (max-width: 400px){#footer-stateless{font-size:10px}}@keyframes fullscreen-image-appear{from{opacity:0;width:0;height:0}to{width:100%;height:100vh}}@keyframes slideshow{0%{opacity:0;animation-timing-function:ease-in}8%{opacity:1;animation-timing-function:ease-out}17%{opacity:1}25%{opacity:0}100%{opacity:0}}@keyframes important{0%{transform:scale(1);text-shadow:#000 0 0 0;color:#fff}50%{transform:scale(1.02);text-shadow:#01003b 0 0 20px;color:#fff}100%{transform:scale(1);text-shadow:#000 0 0 0;color:#fff}}html,body{margin:0;padding:0;background-color:#364040;scroll-behavior:smooth}a{text-decoration:none;color:#706fff}a:hover{color:#01003b}a:active{font-style:italic}.content-spacing{padding:100px 200px}@media screen and (max-width: 1100px){.content-spacing{padding:50px 100px}}@media screen and (max-width: 850px){.content-spacing{padding:10px 20px}}.content-spacing-small{padding:50px 100px}@media screen and (max-width: 1100px){.content-spacing-small{padding:25px 50px}}@media screen and (max-width: 850px){.content-spacing-small{padding:5px 10px}}.ignore-vertical{padding-top:0;padding-bottom:0}.no-decoration{text-decoration:none;color:inherit}.no-decoration:hover{color:inherit}.paragraph{font:500 x-large "Montserrat",sans-serif}@media screen and (max-width: 1100px){.paragraph{font-size:large}}@media screen and (max-width: 850px){.paragraph{font-size:18px}}@media screen and (max-width: 400px){.paragraph{font-size:16px}}.heading{font:600 50px "Montserrat",sans-serif}@media screen and (max-width: 1100px){.heading{font-size:35px}}@media screen and (max-width: 850px){.heading{font-size:25px}}@media screen and (max-width: 400px){.heading{font-size:20px}}#header{position:sticky;top:0;z-index:99;height:10vh}@media screen and (max-width: 850px){#header{height:45px}}#drawer{overflow:hidden;position:fixed;bottom:0;right:0;z-index:2;background:linear-gradient(to left bottom, #1d60b5, #003e86);width:0;height:90vh;display:flex;flex-direction:column;align-items:center;transition:width 500ms}#drawer .drawer-item{position:relative;opacity:0;margin-top:50px;background:linear-gradient(#FFFFFF, #adf0ff);-webkit-background-clip:text;background-clip:text;color:rgba(0,0,0,0);font:600 28px "Montserrat",sans-serif;text-decoration:none;transition:opacity 250ms ease-in-out}#drawer .drawer-item:first-of-type{margin-top:100px}#drawer .drawer-item:after{content:"";position:absolute;width:100%;transform:scaleX(0);height:2px;bottom:0;left:0;background:linear-gradient(to left, #FFF, #AFF);transform-origin:bottom right;transition:transform .25s ease-out}#drawer .drawer-item:hover:after{transform:scaleX(1);transform-origin:bottom left}#drawer .drawer-item.visible{opacity:1}#drawer.expanded{width:100%;top:unset}@media screen and (max-width: 850px){#drawer{height:calc(100vh - 45px)}}#container{min-height:90vh;display:grid;grid-template-rows:1fr auto;grid-template-columns:1fr;grid-gap:0;overflow:auto}@media screen and (max-width: 850px){#container{min-height:calc(100vh - 45px)}}#container.hidden{display:none}#content{background:#f5f5f5;grid-column:1;grid-row:1;overflow-wrap:break-word}#scroll-to-top{display:none;width:50px;height:50px;position:fixed;right:25px;bottom:55px;z-index:99;cursor:pointer;border:none;border-radius:50%;background-color:#1d60b5;box-shadow:#fff 0 0 50px -5px}#scroll-to-top img{height:100%;width:100%;filter:invert(100%)}@media(hover: hover)and (pointer: fine){#scroll-to-top:hover{width:60px;height:60px;right:20px;bottom:50px;transition:250ms cubic-bezier(0.51, 1.27, 0.18, 0.96)}#scroll-to-top:hover img{transform:translateY(-5px);transition:250ms cubic-bezier(0.51, 1.27, 0.18, 0.96)}}#footer{grid-column:1;grid-row:2}#footer-stateless{grid-column:1;grid-row:3}/*# sourceMappingURL=main.css.map */ +@import"https://fonts.googleapis.com/css2?family=Montserrat:wght@500;600;700&family=Oswald:wght@600&display=swap";#header{background:#fdffff;padding:0 150px;position:sticky;display:flex;flex-direction:row;justify-content:space-between;align-items:center}@media screen and (max-width: 850px){#header{padding:0 50px}}@media screen and (max-width: 360px){#header{padding:0 25px}}#header #logo{display:flex;align-items:center;height:56px}@media screen and (max-width: 850px){#header #logo{height:36px}}#header .bounce-animation span{font:600 56px "Oswald",sans-serif;display:inline-block;color:#1d60b5;animation:bounce 2500ms infinite;animation-delay:calc(.1s*var(--i))}@media screen and (max-width: 850px){#header .bounce-animation span{font-size:36px}}@keyframes bounce{0%,40%,100%{transform:translateY(0)}20%{transform:translateY(-5px)}}#header .navbar{display:flex}#header .navbar .nav-item{margin-right:1vw;font:18px "Montserrat",sans-serif;font-weight:600;color:#706fff;text-decoration:none}#header .navbar .nav-item:hover{color:#01003b}#header .navbar .nav-item:last-of-type{margin-right:0}@media screen and (max-width: 1200px){#header .navbar .nav-item{display:none}}#header #toggle{display:none}#header #toggle-label{margin:0;width:36px;height:36px;position:relative;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}#header #toggle-label .bar{padding:0;width:36px;height:4px;background-color:#1d60b5;display:block;border-radius:4px;transition:all .4s ease-in-out;position:absolute}#header #toggle-label .bar1{transform-origin:5%}#header #toggle-label .bar4{transform-origin:5%}@media screen and (max-width: 850px){#header #toggle-label{width:28px;height:28px}#header #toggle-label .bar{width:28px}}#header .bar1{top:0}#header .bar2,#header .bar3{top:16px}@media screen and (max-width: 850px){#header .bar2,#header .bar3{top:12px}}#header .bar3{right:0}#header .bar4{bottom:0}#header #toggle:checked+#toggle-label>.bar1{transform:rotate(45deg);height:3px;width:50px}@media screen and (max-width: 850px){#header #toggle:checked+#toggle-label>.bar1{width:39px}}#header #toggle:checked+#toggle-label>.bar3{transform:rotate(45deg);height:3px;background-color:rgba(0,0,0,0)}#header #toggle:checked+#toggle-label>.bar2{transform:rotate(-45deg);height:3px;background-color:rgba(0,0,0,0)}#header #toggle:checked+#toggle-label>.bar4{transform:rotate(-45deg);height:3px;width:50px}@media screen and (max-width: 850px){#header #toggle:checked+#toggle-label>.bar4{width:39px}}#header #toggle-label{display:none}@media screen and (max-width: 1200px){#header #toggle-label{display:block}}#footer{display:flex;justify-content:space-between;background-color:#000;font:16px "Montserrat",sans-serif;padding-top:50px;padding-bottom:50px}#footer .footer-columns{display:flex}#footer .footer-columns .footer-column{margin:0 20px 20px 20px}#footer .footer-columns .footer-column h1{margin:0 0 16px 0;font:700 18px "Montserrat",sans-serif;color:#f5ffff}@media screen and (max-width: 400px){#footer .footer-columns .footer-column h1{font-size:14px}}#footer .footer-columns .footer-column a{text-decoration:none;color:#abb3b3}#footer .footer-columns .footer-column a:hover{font-size:17px;color:#b3d1ff}@media screen and (max-width: 400px){#footer .footer-columns .footer-column a:hover{font-size:13px}}#footer .footer-columns .footer-column ul{margin:0;padding:0;list-style-type:none}@media screen and (max-width: 400px){#footer{font-size:12px}}#footer-stateless{display:flex;justify-content:space-between;align-items:center;background-color:#1d60b5;color:#fff;font:14px "Montserrat",sans-serif}#footer-stateless a{color:#fff;text-decoration:none}#footer-stateless a:hover{font-style:italic}#footer-stateless .smaller{font-weight:200;font-size:12px}@media screen and (max-width: 400px){#footer-stateless .smaller{font-size:8px}}@media screen and (max-width: 400px){#footer-stateless{font-size:10px}}@keyframes fullscreen-image-appear{from{opacity:0;width:0;height:0}to{width:100%;height:100vh}}@keyframes slideshow{0%{opacity:0;animation-timing-function:ease-in}8%{opacity:1;animation-timing-function:ease-out}17%{opacity:1}25%{opacity:0}100%{opacity:0}}@keyframes important{0%{transform:scale(1);text-shadow:#000 0 0 0;color:#fff}50%{transform:scale(1.02);text-shadow:#01003b 0 0 20px;color:#fff}100%{transform:scale(1);text-shadow:#000 0 0 0;color:#fff}}html,body{margin:0;padding:0;background-color:#364040;scroll-behavior:smooth}a{text-decoration:none;color:#706fff}a:hover{color:#01003b}a:active{font-style:italic}.content-spacing{padding:100px 200px}@media screen and (max-width: 1100px){.content-spacing{padding:50px 100px}}@media screen and (max-width: 850px){.content-spacing{padding:10px 20px}}.content-spacing-small{padding:50px 100px}@media screen and (max-width: 1100px){.content-spacing-small{padding:25px 50px}}@media screen and (max-width: 850px){.content-spacing-small{padding:5px 10px}}.ignore-vertical{padding-top:0;padding-bottom:0}.no-decoration{text-decoration:none;color:inherit}.no-decoration:hover{color:inherit}.paragraph{font:500 x-large "Montserrat",sans-serif}@media screen and (max-width: 1100px){.paragraph{font-size:large}}@media screen and (max-width: 850px){.paragraph{font-size:18px}}@media screen and (max-width: 400px){.paragraph{font-size:16px}}.heading{font:600 50px "Montserrat",sans-serif}@media screen and (max-width: 1100px){.heading{font-size:35px}}@media screen and (max-width: 850px){.heading{font-size:25px}}@media screen and (max-width: 400px){.heading{font-size:20px}}#header{position:sticky;top:0;z-index:99;height:10vh}@media screen and (max-width: 850px){#header{height:45px}}#drawer{overflow:hidden;position:fixed;bottom:0;right:0;z-index:2;background:linear-gradient(to left bottom, #1d60b5, #003e86);width:0;height:90vh;display:flex;flex-direction:column;align-items:center;transition:width 500ms}#drawer .drawer-item{position:relative;opacity:0;margin-top:50px;background:linear-gradient(#FFFFFF, #adf0ff);-webkit-background-clip:text;background-clip:text;color:rgba(0,0,0,0);font:600 28px "Montserrat",sans-serif;text-decoration:none;transition:opacity 250ms ease-in-out}#drawer .drawer-item:first-of-type{margin-top:100px}#drawer .drawer-item:after{content:"";position:absolute;width:100%;transform:scaleX(0);height:2px;bottom:0;left:0;background:linear-gradient(to left, #FFF, #AFF);transform-origin:bottom right;transition:transform .25s ease-out}#drawer .drawer-item:hover:after{transform:scaleX(1);transform-origin:bottom left}#drawer .drawer-item.visible{opacity:1}#drawer.expanded{width:100%;top:unset}@media screen and (max-width: 850px){#drawer{height:calc(100vh - 45px)}}#container{min-height:90vh;display:grid;grid-template-rows:1fr auto;grid-template-columns:1fr;grid-gap:0;overflow:auto}@media screen and (max-width: 850px){#container{min-height:calc(100vh - 45px)}}#container.hidden{display:none}#content{background:#f5f5f5;grid-column:1;grid-row:1;overflow-wrap:break-word}#scroll-to-top{display:none;width:50px;height:50px;position:fixed;right:25px;bottom:55px;z-index:99;cursor:pointer;border:none;border-radius:50%;background-color:#1d60b5;box-shadow:#fff 0 0 50px -5px}#scroll-to-top img{height:100%;width:100%;filter:invert(100%)}@media(hover: hover)and (pointer: fine){#scroll-to-top:hover{width:60px;height:60px;right:20px;bottom:50px;transition:250ms cubic-bezier(0.51, 1.27, 0.18, 0.96)}#scroll-to-top:hover img{transform:translateY(-5px);transition:250ms cubic-bezier(0.51, 1.27, 0.18, 0.96)}}#footer{grid-column:1;grid-row:2}#footer-stateless{grid-column:1;grid-row:3} diff --git a/assets/css/mixins.css b/assets/css/mixins.css index bf49d70..8817e0c 100644 --- a/assets/css/mixins.css +++ b/assets/css/mixins.css @@ -1 +1 @@ -@import"https://fonts.googleapis.com/css2?family=Montserrat:wght@500;600;700&family=Oswald:wght@600&display=swap"/*# sourceMappingURL=mixins.css.map */ +@import"https://fonts.googleapis.com/css2?family=Montserrat:wght@500;600;700&family=Oswald:wght@600&display=swap" diff --git a/assets/css/overflow.css b/assets/css/overflow.css index 1ad35b4..8b13789 100644 --- a/assets/css/overflow.css +++ b/assets/css/overflow.css @@ -1 +1 @@ -/*# sourceMappingURL=overflow.css.map */ + diff --git a/assets/css/partials/footer.css b/assets/css/partials/footer.css index ef25795..ade4845 100644 --- a/assets/css/partials/footer.css +++ b/assets/css/partials/footer.css @@ -1 +1 @@ -@import"https://fonts.googleapis.com/css2?family=Montserrat:wght@500;600;700&family=Oswald:wght@600&display=swap";#footer{display:flex;justify-content:space-between;background-color:#000;font:16px "Montserrat",sans-serif;padding-top:50px;padding-bottom:50px}#footer .footer-columns{display:flex}#footer .footer-columns .footer-column{margin:0 20px 20px 20px}#footer .footer-columns .footer-column h1{margin:0 0 16px 0;font:700 18px "Montserrat",sans-serif;color:#f5ffff}@media screen and (max-width: 400px){#footer .footer-columns .footer-column h1{font-size:14px}}#footer .footer-columns .footer-column a{text-decoration:none;color:#abb3b3}#footer .footer-columns .footer-column a:hover{font-size:17px;color:#b3d1ff}@media screen and (max-width: 400px){#footer .footer-columns .footer-column a:hover{font-size:13px}}#footer .footer-columns .footer-column ul{margin:0;padding:0;list-style-type:none}@media screen and (max-width: 400px){#footer{font-size:12px}}#footer-stateless{display:flex;justify-content:space-between;align-items:center;background-color:#1d60b5;color:#fff;font:14px "Montserrat",sans-serif}#footer-stateless a{color:#fff;text-decoration:none}#footer-stateless a:hover{font-style:italic}#footer-stateless .smaller{font-weight:200;font-size:12px}@media screen and (max-width: 400px){#footer-stateless .smaller{font-size:8px}}@media screen and (max-width: 400px){#footer-stateless{font-size:10px}}/*# sourceMappingURL=footer.css.map */ +@import"https://fonts.googleapis.com/css2?family=Montserrat:wght@500;600;700&family=Oswald:wght@600&display=swap";#footer{display:flex;justify-content:space-between;background-color:#000;font:16px "Montserrat",sans-serif;padding-top:50px;padding-bottom:50px}#footer .footer-columns{display:flex}#footer .footer-columns .footer-column{margin:0 20px 20px 20px}#footer .footer-columns .footer-column h1{margin:0 0 16px 0;font:700 18px "Montserrat",sans-serif;color:#f5ffff}@media screen and (max-width: 400px){#footer .footer-columns .footer-column h1{font-size:14px}}#footer .footer-columns .footer-column a{text-decoration:none;color:#abb3b3}#footer .footer-columns .footer-column a:hover{font-size:17px;color:#b3d1ff}@media screen and (max-width: 400px){#footer .footer-columns .footer-column a:hover{font-size:13px}}#footer .footer-columns .footer-column ul{margin:0;padding:0;list-style-type:none}@media screen and (max-width: 400px){#footer{font-size:12px}}#footer-stateless{display:flex;justify-content:space-between;align-items:center;background-color:#1d60b5;color:#fff;font:14px "Montserrat",sans-serif}#footer-stateless a{color:#fff;text-decoration:none}#footer-stateless a:hover{font-style:italic}#footer-stateless .smaller{font-weight:200;font-size:12px}@media screen and (max-width: 400px){#footer-stateless .smaller{font-size:8px}}@media screen and (max-width: 400px){#footer-stateless{font-size:10px}} diff --git a/assets/css/partials/header.css b/assets/css/partials/header.css index 67f6ef0..e6ca54e 100644 --- a/assets/css/partials/header.css +++ b/assets/css/partials/header.css @@ -1 +1 @@ -@import"https://fonts.googleapis.com/css2?family=Montserrat:wght@500;600;700&family=Oswald:wght@600&display=swap";#header{background:#fdffff;padding:0 150px;position:sticky;display:flex;flex-direction:row;justify-content:space-between;align-items:center}@media screen and (max-width: 850px){#header{padding:0 50px}}@media screen and (max-width: 360px){#header{padding:0 25px}}#header #logo{display:flex;align-items:center;height:56px}@media screen and (max-width: 850px){#header #logo{height:36px}}#header .bounce-animation span{font:600 56px "Oswald",sans-serif;display:inline-block;color:#1d60b5;animation:bounce 2500ms infinite;animation-delay:calc(.1s*var(--i))}@media screen and (max-width: 850px){#header .bounce-animation span{font-size:36px}}@keyframes bounce{0%,40%,100%{transform:translateY(0)}20%{transform:translateY(-5px)}}#header .navbar{display:flex}#header .navbar .nav-item{margin-right:1vw;font:18px "Montserrat",sans-serif;font-weight:600;color:#706fff;text-decoration:none}#header .navbar .nav-item:hover{color:#01003b}#header .navbar .nav-item:last-of-type{margin-right:0}@media screen and (max-width: 1200px){#header .navbar .nav-item{display:none}}#header #toggle{display:none}#header #toggle-label{margin:0;width:36px;height:36px;position:relative;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}#header #toggle-label .bar{padding:0;width:36px;height:4px;background-color:#1d60b5;display:block;border-radius:4px;transition:all .4s ease-in-out;position:absolute}#header #toggle-label .bar1{transform-origin:5%}#header #toggle-label .bar4{transform-origin:5%}@media screen and (max-width: 850px){#header #toggle-label{width:28px;height:28px}#header #toggle-label .bar{width:28px}}#header .bar1{top:0}#header .bar2,#header .bar3{top:16px}@media screen and (max-width: 850px){#header .bar2,#header .bar3{top:12px}}#header .bar3{right:0}#header .bar4{bottom:0}#header #toggle:checked+#toggle-label>.bar1{transform:rotate(45deg);height:3px;width:50px}@media screen and (max-width: 850px){#header #toggle:checked+#toggle-label>.bar1{width:39px}}#header #toggle:checked+#toggle-label>.bar3{transform:rotate(45deg);height:3px;background-color:rgba(0,0,0,0)}#header #toggle:checked+#toggle-label>.bar2{transform:rotate(-45deg);height:3px;background-color:rgba(0,0,0,0)}#header #toggle:checked+#toggle-label>.bar4{transform:rotate(-45deg);height:3px;width:50px}@media screen and (max-width: 850px){#header #toggle:checked+#toggle-label>.bar4{width:39px}}#header #toggle-label{display:none}@media screen and (max-width: 1200px){#header #toggle-label{display:block}}/*# sourceMappingURL=header.css.map */ +@import"https://fonts.googleapis.com/css2?family=Montserrat:wght@500;600;700&family=Oswald:wght@600&display=swap";#header{background:#fdffff;padding:0 150px;position:sticky;display:flex;flex-direction:row;justify-content:space-between;align-items:center}@media screen and (max-width: 850px){#header{padding:0 50px}}@media screen and (max-width: 360px){#header{padding:0 25px}}#header #logo{display:flex;align-items:center;height:56px}@media screen and (max-width: 850px){#header #logo{height:36px}}#header .bounce-animation span{font:600 56px "Oswald",sans-serif;display:inline-block;color:#1d60b5;animation:bounce 2500ms infinite;animation-delay:calc(.1s*var(--i))}@media screen and (max-width: 850px){#header .bounce-animation span{font-size:36px}}@keyframes bounce{0%,40%,100%{transform:translateY(0)}20%{transform:translateY(-5px)}}#header .navbar{display:flex}#header .navbar .nav-item{margin-right:1vw;font:18px "Montserrat",sans-serif;font-weight:600;color:#706fff;text-decoration:none}#header .navbar .nav-item:hover{color:#01003b}#header .navbar .nav-item:last-of-type{margin-right:0}@media screen and (max-width: 1200px){#header .navbar .nav-item{display:none}}#header #toggle{display:none}#header #toggle-label{margin:0;width:36px;height:36px;position:relative;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}#header #toggle-label .bar{padding:0;width:36px;height:4px;background-color:#1d60b5;display:block;border-radius:4px;transition:all .4s ease-in-out;position:absolute}#header #toggle-label .bar1{transform-origin:5%}#header #toggle-label .bar4{transform-origin:5%}@media screen and (max-width: 850px){#header #toggle-label{width:28px;height:28px}#header #toggle-label .bar{width:28px}}#header .bar1{top:0}#header .bar2,#header .bar3{top:16px}@media screen and (max-width: 850px){#header .bar2,#header .bar3{top:12px}}#header .bar3{right:0}#header .bar4{bottom:0}#header #toggle:checked+#toggle-label>.bar1{transform:rotate(45deg);height:3px;width:50px}@media screen and (max-width: 850px){#header #toggle:checked+#toggle-label>.bar1{width:39px}}#header #toggle:checked+#toggle-label>.bar3{transform:rotate(45deg);height:3px;background-color:rgba(0,0,0,0)}#header #toggle:checked+#toggle-label>.bar2{transform:rotate(-45deg);height:3px;background-color:rgba(0,0,0,0)}#header #toggle:checked+#toggle-label>.bar4{transform:rotate(-45deg);height:3px;width:50px}@media screen and (max-width: 850px){#header #toggle:checked+#toggle-label>.bar4{width:39px}}#header #toggle-label{display:none}@media screen and (max-width: 1200px){#header #toggle-label{display:block}} diff --git a/assets/css/urls.css b/assets/css/urls.css index ffecf52..8b13789 100644 --- a/assets/css/urls.css +++ b/assets/css/urls.css @@ -1 +1 @@ -/*# sourceMappingURL=urls.css.map */ + diff --git a/assets/css/variables.css b/assets/css/variables.css index 6d75c55..8817e0c 100644 --- a/assets/css/variables.css +++ b/assets/css/variables.css @@ -1 +1 @@ -@import"https://fonts.googleapis.com/css2?family=Montserrat:wght@500;600;700&family=Oswald:wght@600&display=swap"/*# sourceMappingURL=variables.css.map */ +@import"https://fonts.googleapis.com/css2?family=Montserrat:wght@500;600;700&family=Oswald:wght@600&display=swap" diff --git a/assets/css/views/aydinlatma.css b/assets/css/views/aydinlatma.css index 7b432bf..a0fca6b 100644 --- a/assets/css/views/aydinlatma.css +++ b/assets/css/views/aydinlatma.css @@ -1 +1 @@ -@import"https://fonts.googleapis.com/css2?family=Montserrat:wght@500;600;700&family=Oswald:wght@600&display=swap";table{width:100%;border:solid 1px #000}td{padding:1vw;border:solid 1px #000}.documents{display:flex;flex-direction:row;background:linear-gradient(to left, #1d60b5, #77afff)}.documents .document{margin:0 5vw 0 0;padding:1vh 1vw;flex:1;display:block;filter:light(50%);text-align:center;border-radius:20px}.documents .document:last-of-type{margin:0}.documents .document:hover{background-color:rgba(255,255,255,.75);transition:250ms cubic-bezier(0.4, 0, 1, 1)}.documents .document:hover img{filter:brightness(0) saturate(100%) invert(15%) sepia(90%) saturate(2506%) hue-rotate(220deg) brightness(96%) contrast(90%)}.documents .document:hover h1{color:#1d409d}.documents .document img{margin:0 0 2.5vh 0;height:100px}.documents .document h1{color:#fff;font:600 18px Montserrat,sans-serif}@media screen and (max-width: 1515px){.documents .document{display:inline-flex;align-items:center;margin:0 0 4.5vh 0}.documents .document:last-of-type{margin:0}.documents .document img{margin:0 2.5vw 0 0}.documents .document h1{text-align:left}}@media screen and (max-width: 420px){.documents .document img{width:50px;margin:0 2vw 0 0}}@media screen and (max-width: 1515px){.documents{flex-direction:column}}/*# sourceMappingURL=aydinlatma.css.map */ +@import"https://fonts.googleapis.com/css2?family=Montserrat:wght@500;600;700&family=Oswald:wght@600&display=swap";table{width:100%;border:solid 1px #000}td{padding:1vw;border:solid 1px #000}.documents{display:flex;flex-direction:row;background:linear-gradient(to left, #1d60b5, #77afff)}.documents .document{margin:0 5vw 0 0;padding:1vh 1vw;flex:1;display:block;filter:light(50%);text-align:center;border-radius:20px}.documents .document:last-of-type{margin:0}.documents .document:hover{background-color:rgba(255,255,255,.75);transition:250ms cubic-bezier(0.4, 0, 1, 1)}.documents .document:hover img{filter:brightness(0) saturate(100%) invert(15%) sepia(90%) saturate(2506%) hue-rotate(220deg) brightness(96%) contrast(90%)}.documents .document:hover h1{color:#1d409d}.documents .document img{margin:0 0 2.5vh 0;height:100px}.documents .document h1{color:#fff;font:600 18px Montserrat,sans-serif}@media screen and (max-width: 1515px){.documents .document{display:inline-flex;align-items:center;margin:0 0 4.5vh 0}.documents .document:last-of-type{margin:0}.documents .document img{margin:0 2.5vw 0 0}.documents .document h1{text-align:left}}@media screen and (max-width: 420px){.documents .document img{width:50px;margin:0 2vw 0 0}}@media screen and (max-width: 1515px){.documents{flex-direction:column}} diff --git a/assets/css/views/galeri.css b/assets/css/views/galeri.css index 3a41bc6..6575411 100644 --- a/assets/css/views/galeri.css +++ b/assets/css/views/galeri.css @@ -1 +1 @@ -@import"https://fonts.googleapis.com/css2?family=Montserrat:wght@500;600;700&family=Oswald:wght@600&display=swap";@keyframes fullscreen-image-appear{from{opacity:0;width:0;height:0}to{width:100%;height:100vh}}@keyframes slideshow{0%{opacity:0;animation-timing-function:ease-in}8%{opacity:1;animation-timing-function:ease-out}17%{opacity:1}25%{opacity:0}100%{opacity:0}}@keyframes important{0%{transform:scale(1);text-shadow:#000 0 0 0;color:#fff}50%{transform:scale(1.02);text-shadow:#01003b 0 0 20px;color:#fff}100%{transform:scale(1);text-shadow:#000 0 0 0;color:#fff}}#fullscreen{margin:0;padding:0;display:none;align-items:center;justify-content:center;width:100%;height:100vh;background:#000}#fullscreen #fullscreen-img{max-width:100%;max-height:100vh;object-fit:cover;cursor:pointer}.gallery-text{overflow:auto;background:linear-gradient(to left, #1d60b5, #77afff)}.gallery-text h1{margin:2.5vh 0;text-align:center;font:600 2.5vw "Montserrat",sans-serif;color:#fff}.gallery{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;align-items:center;overflow:hidden}.gallery .photo-container{margin:1vh 1vw;width:25%;height:25%;overflow:hidden}.gallery .photo-container .photo{width:100%;height:100%;cursor:pointer;transition:750ms all ease-in-out;filter:brightness(80%)}.gallery .photo-container .photo:hover{filter:brightness(100%);transform:scale(1.3)}@media(hover: hover)and (pointer: fine){.gallery .photo-container .photo:active{filter:brightness(100%);transform:scale(1.3)}}/*# sourceMappingURL=galeri.css.map */ +@import"https://fonts.googleapis.com/css2?family=Montserrat:wght@500;600;700&family=Oswald:wght@600&display=swap";@keyframes fullscreen-image-appear{from{opacity:0;width:0;height:0}to{width:100%;height:100vh}}@keyframes slideshow{0%{opacity:0;animation-timing-function:ease-in}8%{opacity:1;animation-timing-function:ease-out}17%{opacity:1}25%{opacity:0}100%{opacity:0}}@keyframes important{0%{transform:scale(1);text-shadow:#000 0 0 0;color:#fff}50%{transform:scale(1.02);text-shadow:#01003b 0 0 20px;color:#fff}100%{transform:scale(1);text-shadow:#000 0 0 0;color:#fff}}#fullscreen{margin:0;padding:0;display:none;align-items:center;justify-content:center;width:100%;height:100vh;background:#000}#fullscreen #fullscreen-img{max-width:100%;max-height:100vh;object-fit:cover;cursor:pointer}.gallery-text{overflow:auto;background:linear-gradient(to left, #1d60b5, #77afff)}.gallery-text h1{margin:2.5vh 0;text-align:center;font:600 2.5vw "Montserrat",sans-serif;color:#fff}.gallery{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;align-items:center;overflow:hidden}.gallery .photo-container{margin:1vh 1vw;width:25%;height:25%;overflow:hidden}.gallery .photo-container .photo{width:100%;height:100%;cursor:pointer;transition:750ms all ease-in-out;filter:brightness(80%)}.gallery .photo-container .photo:hover{filter:brightness(100%);transform:scale(1.3)}@media(hover: hover)and (pointer: fine){.gallery .photo-container .photo:active{filter:brightness(100%);transform:scale(1.3)}} diff --git a/assets/css/views/hakkimizda.css b/assets/css/views/hakkimizda.css index 11fd499..faa54ca 100644 --- a/assets/css/views/hakkimizda.css +++ b/assets/css/views/hakkimizda.css @@ -1 +1 @@ -@import"https://fonts.googleapis.com/css2?family=Montserrat:wght@500;600;700&family=Oswald:wght@600&display=swap";#video,#misyon,#vizyon,#hikaye,#yonetim{text-align:center}#video h1,#misyon h1,#vizyon h1,#hikaye h1,#yonetim h1{margin:0 0 1em 0;color:#000}#video ul,#misyon ul,#vizyon ul,#hikaye ul,#yonetim ul{list-style-position:inside;font-size:1vw}#video{display:flex;flex-direction:column;align-items:center;color:#fff;background:linear-gradient(to left, #1d60b5, #77afff)}#video video{width:100% !important;height:auto !important}#hikaye section{display:flex;align-items:center}#hikaye section figure img{height:25vw}@media screen and (max-width: 1700px){#hikaye section{flex-direction:column-reverse}}#hikaye .text-area{flex-direction:column}/*# sourceMappingURL=hakkimizda.css.map */ +@import"https://fonts.googleapis.com/css2?family=Montserrat:wght@500;600;700&family=Oswald:wght@600&display=swap";#video,#misyon,#vizyon,#hikaye,#yonetim{text-align:center}#video h1,#misyon h1,#vizyon h1,#hikaye h1,#yonetim h1{margin:0 0 1em 0;color:#000}#video ul,#misyon ul,#vizyon ul,#hikaye ul,#yonetim ul{list-style-position:inside;font-size:1vw}#video{display:flex;flex-direction:column;align-items:center;color:#fff;background:linear-gradient(to left, #1d60b5, #77afff)}#video video{width:100% !important;height:auto !important}#hikaye section{display:flex;align-items:center}#hikaye section figure img{height:25vw}@media screen and (max-width: 1700px){#hikaye section{flex-direction:column-reverse}}#hikaye .text-area{flex-direction:column} diff --git a/assets/css/views/iletisim.css b/assets/css/views/iletisim.css index 7caa8bf..d6ce1f7 100644 --- a/assets/css/views/iletisim.css +++ b/assets/css/views/iletisim.css @@ -1 +1 @@ -@import"https://fonts.googleapis.com/css2?family=Montserrat:wght@500;600;700&family=Oswald:wght@600&display=swap";h1{margin:0}#map{width:calc(100vw - (100vw - 100%));height:auto}#map iframe{width:100%}#information{display:flex;flex-direction:row;font:500 24px "Montserrat",sans-serif}#information .contact,#information .location{width:100%;display:flex;flex:1;flex-direction:column;align-items:flex-start}#information .contact h1,#information .location h1{font:600 48px "Montserrat",sans-serif}@media screen and (max-width: 1235px){#information .contact h1,#information .location h1{font-size:40px}}@media screen and (max-width: 1170px){#information .contact h1,#information .location h1{font-size:48px}}@media screen and (max-width: 490px){#information .contact h1,#information .location h1{font-size:36px}}#information .contact h2,#information .location h2{font:600 40px "Montserrat",sans-serif;margin:.5em 0 0 0}@media screen and (max-width: 1235px){#information .contact h2,#information .location h2{font-size:32px}}@media screen and (max-width: 1170px){#information .contact h2,#information .location h2{font-size:40px}}@media screen and (max-width: 490px){#information .contact h2,#information .location h2{font-size:28px}}#information .contact h3,#information .location h3{font:600 32px "Montserrat",sans-serif;margin:.5em 0 .25em 0}@media screen and (max-width: 1235px){#information .contact h3,#information .location h3{font-size:24px}}@media screen and (max-width: 1170px){#information .contact h3,#information .location h3{font-size:32px}}@media screen and (max-width: 490px){#information .contact h3,#information .location h3{font-size:18px}}#information .contact{margin:0 2vw 0 0}@media screen and (max-width: 1170px){#information .contact{margin:0 0 2vh 0}}#information .click-call,#information .click-pm{margin:0 0 0 1em}#information .click-call img,#information .click-pm img{width:1em;height:1em;margin:0 1em 0 0}#information .horizontal-separator{width:100%;width:-moz-available;width:-webkit-fill-available;border:solid 1px #000}@media screen and (max-width: 1170px){#information{flex-direction:column;align-items:center;font-size:24px}}@media screen and (max-width: 490px){#information{font-size:16px}}/*# sourceMappingURL=iletisim.css.map */ +@import"https://fonts.googleapis.com/css2?family=Montserrat:wght@500;600;700&family=Oswald:wght@600&display=swap";h1{margin:0}#map{width:calc(100vw - (100vw - 100%));height:auto}#map iframe{width:100%}#information{display:flex;flex-direction:row;font:500 24px "Montserrat",sans-serif}#information .contact,#information .location{width:100%;display:flex;flex:1;flex-direction:column;align-items:flex-start}#information .contact h1,#information .location h1{font:600 48px "Montserrat",sans-serif}@media screen and (max-width: 1235px){#information .contact h1,#information .location h1{font-size:40px}}@media screen and (max-width: 1170px){#information .contact h1,#information .location h1{font-size:48px}}@media screen and (max-width: 490px){#information .contact h1,#information .location h1{font-size:36px}}#information .contact h2,#information .location h2{font:600 40px "Montserrat",sans-serif;margin:.5em 0 0 0}@media screen and (max-width: 1235px){#information .contact h2,#information .location h2{font-size:32px}}@media screen and (max-width: 1170px){#information .contact h2,#information .location h2{font-size:40px}}@media screen and (max-width: 490px){#information .contact h2,#information .location h2{font-size:28px}}#information .contact h3,#information .location h3{font:600 32px "Montserrat",sans-serif;margin:.5em 0 .25em 0}@media screen and (max-width: 1235px){#information .contact h3,#information .location h3{font-size:24px}}@media screen and (max-width: 1170px){#information .contact h3,#information .location h3{font-size:32px}}@media screen and (max-width: 490px){#information .contact h3,#information .location h3{font-size:18px}}#information .contact{margin:0 2vw 0 0}@media screen and (max-width: 1170px){#information .contact{margin:0 0 2vh 0}}#information .click-call,#information .click-pm{margin:0 0 0 1em}#information .click-call img,#information .click-pm img{width:1em;height:1em;margin:0 1em 0 0}#information .horizontal-separator{width:100%;width:-moz-available;width:-webkit-fill-available;border:solid 1px #000}@media screen and (max-width: 1170px){#information{flex-direction:column;align-items:center;font-size:24px}}@media screen and (max-width: 490px){#information{font-size:16px}} diff --git a/assets/css/views/index.css b/assets/css/views/index.css index 04b8822..6df18c6 100644 --- a/assets/css/views/index.css +++ b/assets/css/views/index.css @@ -1 +1 @@ -@import"https://fonts.googleapis.com/css2?family=Montserrat:wght@500;600;700&family=Oswald:wght@600&display=swap";@keyframes fullscreen-image-appear{from{opacity:0;width:0;height:0}to{width:100%;height:100vh}}@keyframes slideshow{0%{opacity:0;animation-timing-function:ease-in}8%{opacity:1;animation-timing-function:ease-out}17%{opacity:1}25%{opacity:0}100%{opacity:0}}@keyframes important{0%{transform:scale(1);text-shadow:#000 0 0 0;color:#fff}50%{transform:scale(1.02);text-shadow:#01003b 0 0 20px;color:#fff}100%{transform:scale(1);text-shadow:#000 0 0 0;color:#fff}}.slideshow{margin:0;padding:0;height:80vh;z-index:0;list-style-type:none}@media screen and (max-width: 850px){.slideshow{height:calc(100vh - 45px)}}.slideshow li span{position:absolute;width:100%;height:80vh;left:0;color:rgba(0,0,0,0);background-size:cover;background-position:50% 90%;background-repeat:no-repeat;opacity:0;z-index:0;animation:slideshow 30s linear infinite 0s}@media screen and (max-width: 850px){.slideshow li span{height:calc(100vh - 45px)}}.slideshow li:nth-child(1) span{background-image:url("../../img/galeri/9761.webp");background-position-y:50%}.slideshow li:nth-child(2) span{background-image:url("../../img/galeri/7925.webp");animation-delay:6s}.slideshow li:nth-child(3) span{background-image:url("../../img/galeri/0414.webp");animation-delay:12s}.slideshow li:nth-child(4) span{background-image:url("../../img/galeri/7815.webp");animation-delay:18s}.slideshow li:nth-child(5) span{background-image:url("../../img/galeri/0429.webp");animation-delay:24s}.araclar{background:linear-gradient(to left, #1d60b5, #77afff);text-align:center}.araclar a{display:inline-block;color:#fff;font:600 32px "Montserrat",sans-serif;animation:important 2s infinite ease-in-out}.araclar a:hover{animation-play-state:paused;font-style:italic;color:#01003b}@media screen and (max-width: 850px){.araclar a{margin:1.5vh 1vw}}.table{display:flex;flex-direction:column}.table .table-item{margin-top:10px;display:inline-flex;flex-direction:row}.table .table-item picture{place-self:center}.table .table-item img{align-self:center;margin-right:20px}@media screen and (max-width: 1100px){.table .table-item img{margin-right:10px}}@media screen and (max-width: 850px){.table .table-item img{margin-right:2px}}@media screen and (max-width: 400px){.table .table-item img{margin:0 0 2px 0}}.table .table-item hr{min-height:100%;max-height:100vh;width:5px;background:#1d60b5;margin-right:175px}@media screen and (max-width: 1100px){.table .table-item hr{margin-right:85px}}@media screen and (max-width: 850px){.table .table-item hr{margin-right:13px}}@media screen and (max-width: 400px){.table .table-item hr{width:120px;border:solid 1px #1d60b5;margin:0 0 18px 0}}.table .table-item:first-of-type{margin-top:0}@media screen and (max-width: 400px){.table .table-item{flex-direction:column;align-items:center}}.table .reverse{flex-direction:row-reverse}.table .reverse img{margin-right:0;margin-left:20px}@media screen and (max-width: 1100px){.table .reverse img{margin-left:10px}}@media screen and (max-width: 850px){.table .reverse img{margin-left:2px}}.table .reverse hr{margin-right:0;margin-left:180px}@media screen and (max-width: 1100px){.table .reverse hr{margin-left:90px}}@media screen and (max-width: 850px){.table .reverse hr{margin-left:18px}}@media screen and (max-width: 400px){.table .reverse hr{margin:0 0 18px 0}}@media screen and (max-width: 400px){.table .reverse{flex-direction:column}.table .reverse img{margin:0 0 2px 0}}.table .table-item-animation{animation:slide-in-right 3000ms}.table .table-item-animation-reverse{animation:slide-in-left 3000ms}@keyframes slide-in-left{from{transform:translateX(-5%);opacity:0}to{transform:translateX(0%);opacity:1}}@keyframes slide-in-right{from{transform:translateX(5%);opacity:0}to{transform:translateX(0%);opacity:1}}.social{display:flex;flex-direction:row;align-items:center;justify-content:space-between;background:linear-gradient(to left, #1d60b5, #77afff);color:#fff}.social p{font:700 32px "Montserrat",sans-serif;margin:30px 0}.social nav{display:flex}.social nav .social-button{display:inline-block;height:52px;width:auto;border:2px solid #fff;border-radius:50%;margin:0 10px 0 0}.social nav .social-button img{margin:10px}.social nav .social-button:hover{background-color:#fff}.social nav .social-button:hover img{filter:brightness(0) saturate(100%) invert(29%) sepia(52%) saturate(2311%) hue-rotate(197deg) brightness(87%) contrast(88%)}.social nav .social-button:last-of-type{margin:0}@media screen and (max-width: 400px){.social nav .social-button{margin:0 0 30px 0}}@media screen and (max-width: 400px){.social{flex-direction:column}.social p{font-size:20px;font-weight:600;text-align:center}.social nav .social-button{margin-right:10px}}/*# sourceMappingURL=index.css.map */ +@import"https://fonts.googleapis.com/css2?family=Montserrat:wght@500;600;700&family=Oswald:wght@600&display=swap";@keyframes fullscreen-image-appear{from{opacity:0;width:0;height:0}to{width:100%;height:100vh}}@keyframes slideshow{0%{opacity:0;animation-timing-function:ease-in}8%{opacity:1;animation-timing-function:ease-out}17%{opacity:1}25%{opacity:0}100%{opacity:0}}@keyframes important{0%{transform:scale(1);text-shadow:#000 0 0 0;color:#fff}50%{transform:scale(1.02);text-shadow:#01003b 0 0 20px;color:#fff}100%{transform:scale(1);text-shadow:#000 0 0 0;color:#fff}}.slideshow{margin:0;padding:0;height:80vh;z-index:0;list-style-type:none}@media screen and (max-width: 850px){.slideshow{height:calc(100vh - 45px)}}.slideshow li span{position:absolute;width:100%;height:80vh;left:0;color:rgba(0,0,0,0);background-size:cover;background-position:50% 90%;background-repeat:no-repeat;opacity:0;z-index:0;animation:slideshow 30s linear infinite 0s}@media screen and (max-width: 850px){.slideshow li span{height:calc(100vh - 45px)}}.slideshow li:nth-child(1) span{background-image:url("../../img/galeri/9761.webp");background-position-y:50%}.slideshow li:nth-child(2) span{background-image:url("../../img/galeri/7925.webp");animation-delay:6s}.slideshow li:nth-child(3) span{background-image:url("../../img/galeri/0414.webp");animation-delay:12s}.slideshow li:nth-child(4) span{background-image:url("../../img/galeri/7815.webp");animation-delay:18s}.slideshow li:nth-child(5) span{background-image:url("../../img/galeri/0429.webp");animation-delay:24s}.araclar{background:linear-gradient(to left, #1d60b5, #77afff);text-align:center}.araclar a{display:inline-block;color:#fff;font:600 32px "Montserrat",sans-serif;animation:important 2s infinite ease-in-out}.araclar a:hover{animation-play-state:paused;font-style:italic;color:#01003b}@media screen and (max-width: 850px){.araclar a{margin:1.5vh 1vw}}.table{display:flex;flex-direction:column}.table .table-item{margin-top:10px;display:inline-flex;flex-direction:row}.table .table-item picture{place-self:center}.table .table-item img{align-self:center;margin-right:20px}@media screen and (max-width: 1100px){.table .table-item img{margin-right:10px}}@media screen and (max-width: 850px){.table .table-item img{margin-right:2px}}@media screen and (max-width: 400px){.table .table-item img{margin:0 0 2px 0}}.table .table-item hr{min-height:100%;max-height:100vh;width:5px;background:#1d60b5;margin-right:175px}@media screen and (max-width: 1100px){.table .table-item hr{margin-right:85px}}@media screen and (max-width: 850px){.table .table-item hr{margin-right:13px}}@media screen and (max-width: 400px){.table .table-item hr{width:120px;border:solid 1px #1d60b5;margin:0 0 18px 0}}.table .table-item:first-of-type{margin-top:0}@media screen and (max-width: 400px){.table .table-item{flex-direction:column;align-items:center}}.table .reverse{flex-direction:row-reverse}.table .reverse img{margin-right:0;margin-left:20px}@media screen and (max-width: 1100px){.table .reverse img{margin-left:10px}}@media screen and (max-width: 850px){.table .reverse img{margin-left:2px}}.table .reverse hr{margin-right:0;margin-left:180px}@media screen and (max-width: 1100px){.table .reverse hr{margin-left:90px}}@media screen and (max-width: 850px){.table .reverse hr{margin-left:18px}}@media screen and (max-width: 400px){.table .reverse hr{margin:0 0 18px 0}}@media screen and (max-width: 400px){.table .reverse{flex-direction:column}.table .reverse img{margin:0 0 2px 0}}.table .table-item-animation{animation:slide-in-right 3000ms}.table .table-item-animation-reverse{animation:slide-in-left 3000ms}@keyframes slide-in-left{from{transform:translateX(-5%);opacity:0}to{transform:translateX(0%);opacity:1}}@keyframes slide-in-right{from{transform:translateX(5%);opacity:0}to{transform:translateX(0%);opacity:1}}.social{display:flex;flex-direction:row;align-items:center;justify-content:space-between;background:linear-gradient(to left, #1d60b5, #77afff);color:#fff}.social p{font:700 32px "Montserrat",sans-serif;margin:30px 0}.social nav{display:flex}.social nav .social-button{display:inline-block;height:52px;width:auto;border:2px solid #fff;border-radius:50%;margin:0 10px 0 0}.social nav .social-button img{margin:10px}.social nav .social-button:hover{background-color:#fff}.social nav .social-button:hover img{filter:brightness(0) saturate(100%) invert(29%) sepia(52%) saturate(2311%) hue-rotate(197deg) brightness(87%) contrast(88%)}.social nav .social-button:last-of-type{margin:0}@media screen and (max-width: 400px){.social nav .social-button{margin:0 0 30px 0}}@media screen and (max-width: 400px){.social{flex-direction:column}.social p{font-size:20px;font-weight:600;text-align:center}.social nav .social-button{margin-right:10px}} diff --git a/assets/css/views/kamera.css b/assets/css/views/kamera.css index 7a5d5f1..41ccc0b 100644 --- a/assets/css/views/kamera.css +++ b/assets/css/views/kamera.css @@ -1 +1 @@ -@import"https://fonts.googleapis.com/css2?family=Montserrat:wght@500;600;700&family=Oswald:wght@600&display=swap";.sec-links-to-documents{display:flex;flex-direction:column;align-items:center;background:linear-gradient(to left, #1d60b5, #77afff)}.sec-links-to-documents h1{font:500 32px "Montserrat",sans-serif}.sec-links-to-documents h1 a{background:linear-gradient(#FFFFFF, #adf0ff);-webkit-background-clip:text;background-clip:text;color:rgba(0,0,0,0);font:700 33px "Montserrat",sans-serif}.sec-links-to-documents h1 a:hover{color:#000}.sec-links-to-documents h1 a:active{background:linear-gradient(to top, #FFFFFF, #adf0ff);-webkit-background-clip:text;background-clip:text;color:rgba(0,0,0,0)}.sec-links-to-documents h1:first-of-type{margin:0 0 2.5vh 0}@media screen and (max-width: 1215px){.sec-links-to-documents h1{font-size:22px}.sec-links-to-documents h1 a{font-size:23px}}@media screen and (max-width: 610px){.sec-links-to-documents h1{font-size:12px}.sec-links-to-documents h1 a{font-size:13px}}/*# sourceMappingURL=kamera.css.map */ +@import"https://fonts.googleapis.com/css2?family=Montserrat:wght@500;600;700&family=Oswald:wght@600&display=swap";.sec-links-to-documents{display:flex;flex-direction:column;align-items:center;background:linear-gradient(to left, #1d60b5, #77afff)}.sec-links-to-documents h1{font:500 32px "Montserrat",sans-serif}.sec-links-to-documents h1 a{background:linear-gradient(#FFFFFF, #adf0ff);-webkit-background-clip:text;background-clip:text;color:rgba(0,0,0,0);font:700 33px "Montserrat",sans-serif}.sec-links-to-documents h1 a:hover{color:#000}.sec-links-to-documents h1 a:active{background:linear-gradient(to top, #FFFFFF, #adf0ff);-webkit-background-clip:text;background-clip:text;color:rgba(0,0,0,0)}.sec-links-to-documents h1:first-of-type{margin:0 0 2.5vh 0}@media screen and (max-width: 1215px){.sec-links-to-documents h1{font-size:22px}.sec-links-to-documents h1 a{font-size:23px}}@media screen and (max-width: 610px){.sec-links-to-documents h1{font-size:12px}.sec-links-to-documents h1 a{font-size:13px}} diff --git a/aydinlatma.html b/aydinlatma.html index 472be18..0ffe891 100644 --- a/aydinlatma.html +++ b/aydinlatma.html @@ -732,7 +732,7 @@ diff --git a/galeri.html b/galeri.html index 5ad595b..6446952 100644 --- a/galeri.html +++ b/galeri.html @@ -129,7 +129,7 @@ diff --git a/hakkimizda.html b/hakkimizda.html index 3d7430b..1117396 100644 --- a/hakkimizda.html +++ b/hakkimizda.html @@ -110,7 +110,7 @@ diff --git a/iletisim.html b/iletisim.html index 108cc24..f76d4ff 100644 --- a/iletisim.html +++ b/iletisim.html @@ -118,7 +118,7 @@ diff --git a/index.html b/index.html index 3a74b08..89e228a 100644 --- a/index.html +++ b/index.html @@ -163,7 +163,7 @@ diff --git a/kamera.html b/kamera.html index 21c9998..ea3fd11 100644 --- a/kamera.html +++ b/kamera.html @@ -144,7 +144,7 @@ diff --git a/scaffolding/footer.brick b/scaffolding/footer.brick index 3b37f8e..38b322b 100644 --- a/scaffolding/footer.brick +++ b/scaffolding/footer.brick @@ -27,6 +27,6 @@ \ No newline at end of file