@import url(https://fonts.googleapis.com/css?family=Raleway:400,400i,700);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}body{background:#833ab4;background:linear-gradient(90deg,#833ab4,rgba(29,48,253,.84) 50%,#fcb045)}.card{background:#eeaeca;background:radial-gradient(circle,#eeaeca 0,hsla(88,66%,75%,.667) 93%)}.card-img-top{height:auto;width:300px}.hovered:hover{background:#020024;background:radial-gradient(circle,#020024 0,rgba(9,121,86,.994) 0,rgba(206,255,0,.807) 0,#3a7909 100%);color:blue;font-style:italic;font-weight:900rem;text-align:end}.ag-format-container{margin:0 auto;width:1142px}body{background-color:#000}.ag-courses_box{align-items:flex-start;display:flex;flex-wrap:wrap;padding:50px 0}.ag-courses_item{border-radius:28px;flex-basis:calc(33.33333% - 30px);margin:0 15px 30px;overflow:hidden}.ag-courses-item_link{background-color:#121212;display:block;overflow:hidden;padding:30px 20px;position:relative}.ag-courses-item_link:hover,.ag-courses-item_link:hover .ag-courses-item_date{color:#fff;text-decoration:none}.ag-courses-item_link:hover .ag-courses-item_bg{-webkit-transform:scale(10);transform:scale(10)}.ag-courses-item_title{color:#fff;font-size:30px;font-weight:700;margin:0 0 25px;min-height:87px;overflow:hidden;position:relative;z-index:2}.ag-courses-item_date-box{color:#fff;font-size:18px;position:relative;z-index:2}.ag-courses-item_date{color:#f9b234;font-weight:700;transition:color .5s ease}.ag-courses-item_bg{background-color:#f9b234;border-radius:50%;height:128px;position:absolute;right:-75px;top:-75px;transition:all .5s ease;width:128px;z-index:1}.ag-courses_item:nth-child(2n) .ag-courses-item_bg{background-color:#3ecd5e}.ag-courses_item:nth-child(3n) .ag-courses-item_bg{background-color:#e44002}.ag-courses_item:nth-child(4n) .ag-courses-item_bg{background-color:#952aff}.ag-courses_item:nth-child(5n) .ag-courses-item_bg{background-color:#cd3e94}.ag-courses_item:nth-child(6n) .ag-courses-item_bg{background-color:#4c49ea}@media only screen and (max-width:979px){.ag-courses_item{flex-basis:calc(50% - 30px)}.ag-courses-item_title{font-size:24px}}@media only screen and (max-width:767px){.ag-format-container{width:96%}}@media only screen and (max-width:639px){.ag-courses_item{flex-basis:100%}.ag-courses-item_title{font-size:24px;line-height:1;min-height:72px}.ag-courses-item_link{padding:22px 40px}.ag-courses-item_date-box{font-size:16px}}#current-time{align-content:center;font-family:Verdana;font-size:larger;font-weight:700;font-weight:50%}.timeshow{align-content:center;background-color:bisque;color:#3ecd5e}@media (max-width:767px){#current-time{font-size:20px}}@media (max-width:479px){#current-time{font-size:16px}}.container{display:flex;flex-wrap:wrap;justify-content:center}.container img{box-sizing:border-box;height:auto;margin:10px;max-width:600px;width:100%}@media screen and (min-width:768px){.container img{max-width:calc(32.33% - 20px)}}.video-container{height:0;margin:10px;padding-bottom:56.25%;position:relative}.video-container iframe,.video-container video{height:100%;left:0;position:absolute;top:0;width:100%}.center{align-items:center;display:flex;height:100vh;justify-content:center;-webkit-transform:scale(1.5);transform:scale(1.5)}.article-card{border-radius:12px;box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);font-family:Arial,Helvetica,sans-serif;height:220px;overflow:hidden;position:relative;transition:all .3s;width:300px}.article-card:hover{box-shadow:0 14px 28px rgba(0,0,0,.25),0 10px 10px rgba(0,0,0,.22);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.article-card img{height:100%;object-fit:cover;width:100%}.article-card .content{background:linear-gradient(transparent,rgba(0,0,0,.6));bottom:0;box-sizing:border-box;height:auto;padding:30px 20px 20px;position:absolute;width:100%}.article-card .date,.article-card .title{margin:0}.article-card .date{color:hsla(0,0%,100%,.9);font-size:12px;margin-bottom:4px}.article-card .title{color:#fff;font-size:17px}*{box-sizing:border-box;margin:0 auto;padding:0}.car4-container{-webkit-perspective:50em;perspective:50em}.car4-container:first-child{--bi:repeating-linear-gradient(30deg,#111 0 0.25em,#333 0 1em)}.car4-container:nth-child(2){--bi:linear-gradient(#555 5em,#0000 0),linear-gradient(60deg,#880e4f,#1a237e)}.car4{--bi:hover { transform:rotateY(-30deg) rotateX(-15deg); };color:#fff;padding:3em;position:relative;-webkit-transform:rotateY(30deg) rotateX(15deg);transform:rotateY(30deg) rotateX(15deg);-webkit-transform-style:preserve-3d;transform-style:preserve-3d;transition:-webkit-transform 1s;transition:transform 1s;transition:transform 1s,-webkit-transform 1s;width:320px}.layers{-webkit-transform-style:preserve-3d;transform-style:preserve-3d;z-index:-1}.layer,.layers{height:100%;left:0;position:absolute;top:0;width:100%}.layer{background-image:var(--bi);border-radius:1em;box-shadow:inset 0 0 .5em #000d;-webkit-transform:translateZ(var(--tz));transform:translateZ(var(--tz))}.car4 .layer:first-child{--tz:0px}.car4 .layer:nth-child(2){--tz:-4px}.car4 .layer:nth-child(3){--tz:-8px}.car4 .layer:nth-child(4){--tz:-12px}.car4 .layer:nth-child(5){--tz:-16px}.car4 .layer:nth-child(6){--tz:-20px}.car4 .layer:nth-child(7){--tz:-24px}.car4 .layer:nth-child(8){--tz:-28px}.car4 .layer:nth-child(9){--tz:-32px}.car4 .layer:nth-child(10){--tz:-36px}--bi:last-child { box-shadow:0 0 0.5em #000d inset,0 0 5px #000; } .container2{ max-width:1000px; display:flex; align-items:center; justify-content:center; margin:141px 69px; padding:61px 41px; } .car5{ min-height:200px; width:260px; margin:40px 10px; padding:1rem; cursor:pointer; background-color:#fff; } .car5 img{ width:100%; height:160px; border-radius:10px; position:relative; z-index:1000; transition:all .5s ease-in-out; } .car5__content{ margin:1rem 0; color:#222; overflow:hidden; margin-top:-200px; opacity:0; visibility:hidden; transition:all .5s ease-in-out; } .car5__content h2{ margin:.6rem auto; text-align:center; } .car5__content p{ font-size:1.1rem; line-height:1.8rem; text-align:center; } .car5__content a{ width:200px; padding:10px 15px; display:block; text-align:center; margin:.6rem auto; font-size:1.1rem; color:#444; text-decoration:none; background-color:#222; border-radius:10px; transition:.3s; } .car5__content a:hover{ color:#fff; background-color:#000; box-shadow:0 0 2px 2px rgba(0,0,0,.4) ; } .car5:hover img{ margin-top:-60px; box-shadow:0 0 4px 6px rgba(0,0,0,.3) ; } .car5:hover>.car5__content{ margin-top:0; opacity:1; visibility:visible; } @media screen and (max-width:800px){ .container2{ flex-wrap:wrap; } } @media (min-width:576px) { .tosign { font-size:2rem; } } @media (min-width:768px) { .container-sign { max-width:500px; margin:0 auto; } } @media (min-width:992px) { .container-sign{ max-width:700px; } } @media (min-width:1200px) { .container-sign { max-width:900px; flex-direction:column; } } @media (max-width:768px) { input[type="text"],input[type="email"],input[type="password"] { width:100%; margin-bottom:1rem; } } @media (max-width:576px) { btnfillnfill { width:100%; font-size:1.2rem; } } .form1 { background:#3f5efb ; background:radial-gradient(circle,#3f5efb 0%,rgba(70,252,202,.493) 58%); width:100%; max-width:400px; padding:1rem; border:1px solid #ccc; border-radius:5px; } .for-group { margin-bottom:1rem; } .for-label { display:block; font-weight:bold; margin-bottom:0.5rem; } .for-input { width:100%; padding:0.5rem; border:1px solid #ccc; border-radius:5px; font-size:1rem; } .for-checkbox { margin-top:1rem; } .for-btnfill { display:block; width:100%; padding:0.5rem; border-radius:5px; font-size:1rem; background-color:#007bff; color:#fff; cursor:pointer; transition:background-color 0.3s ease; } .for-btnfillver { background-color:#0069d9; } .singn{ color:#D9AFD9; font-family:cursive; } .for-check-label{ color:darkslateblue; font-family:cursive; } .container-sign{ border-radius:20px; display:flex; flex-direction:column; align-items:center; justify-content:center; height:100vh; } .btnfill{ background-color:#D9AFD9; width:150px; height:60px; border-radius:20px; } .form2 { display:flex; flex-direction:column; align-items:center; } .form-label { margin-bottom:0.5rem; } .form-control { width:100%; margin-bottom:1rem; padding:0.5rem; font-size:1rem; line-height:1.5; border:1px solid #ced4da; border-radius:0.25rem; } .for-text { font-size:0.875rem; margin-top:0.25rem; } .loginb { padding:0.6em 2em; border:none; outline:none; color:#fff ; background:#111; cursor:pointer; position:relative; z-index:0; border-radius:10px; user-select:none; -webkit-user-select:none; touch-action:manipulation; } .loginb:before { content:""; background:linear-gradient(45deg,red,#ff7300,#fffb00,#48ff00,#00ffd5,#002bff,#7a00ff,#ff00c8,red); position:absolute; top:-2px; left:-2px; background-size:400%; z-index:-1; filter:blur(5px); -webkit-filter:blur(5px); width:calc(100% + 4px); height:calc(100% + 4px); -webkit-animation:glowing-loginb 20s linear infinite; animation:glowing-loginb 20s linear infinite; transition:opacity 0.3s ease-in-out; border-radius:10px; } @-webkit-keyframes glowing-loginb { 0% { background-position:0 0; } 50% { background-position:400% 0; } 100% { background-position:0 0; } } @keyframes glowing-loginb { 0% { background-position:0 0; } 50% { background-position:400% 0; } 100% { background-position:0 0; } } .loginb:after { z-index:-1; content:""; position:absolute; width:100%; height:100%; background:#222; left:0; top:0; border-radius:10px; } @media (min-width:992px) { .loginb { width:50%; margin:0 auto; } } @media (min-width:992px) { .form2 { width:50%; margin:0 auto; background-color:antiquewhite; border-radius:20px; } } * { box-sizing:border-box; margin:0; } h1{ color:burlywood; } body { font-family:Arial,sans-serif; } .container { width:90%; max-width:1200px; height:500px; margin:0 auto; padding:20px; } h1 { text-align:center; margin-bottom:20px; } form { display:flex; flex-wrap:wrap; justify-content:space-between; } label { font-size:18px; margin-bottom:5px; flex-basis:100%; } input,textarea { padding:10px; margin-bottom:20px; border:2px solid #ccc; border-radius:4px; font-size:16px; flex-basis:100%; } input:focus,textarea:focus { border-color:#0066cc; } .button-85 { width:200px; padding:0.6em 2em; border:none; outline:none; color:#fff ; background:#111; cursor:pointer; position:relative; z-index:0; border-radius:10px; user-select:none; -webkit-user-select:none; touch-action:manipulation; } .button-85:before { content:""; background:linear-gradient(45deg,red,#ff7300,#fffb00,#48ff00,#00ffd5,#002bff,#7a00ff,#ff00c8,red); position:absolute; top:-2px; left:-2px; background-size:400%; z-index:-1; filter:blur(5px); -webkit-filter:blur(5px); width:calc(100% + 4px); height:calc(100% + 4px); -webkit-animation:glowing-button-85 20s linear infinite; animation:glowing-button-85 20s linear infinite; transition:opacity 0.3s ease-in-out; border-radius:10px; } @-webkit-keyframes glowing-button-85 { 0% { background-position:0 0; } 50% { background-position:400% 0; } 100% { background-position:0 0; } } @keyframes glowing-button-85 { 0% { background-position:0 0; } 50% { background-position:400% 0; } 100% { background-position:0 0; } } .button-85:after { z-index:-1; content:""; position:absolute; width:100%; height:100%; background:#222; left:0; top:0; border-radius:10px; } .form { background-color:blueviolet; border-radius:10px; padding:20px; } @media screen and (min-width:600px) { form { flex-wrap:wrap; justify-content:space-between; } label { flex-basis:30%; text-align:right; margin-right:20px; margin-bottom:0; } input,textarea { flex-basis:65%; margin-bottom:0; } button { flex-basis:auto; } } h1 { font-size:5.25vmin; text-align:center; color:white; } p { font-size:max(10pt,2.5vmin); line-height:1.4; color:#0e390e; margin-bottom:1.5rem; } .wrap { display:flex; flex-wrap:nowrap; justify-content:space-between; width:85vmin; height:25em; border:8px solid; border-image:linear-gradient(-50deg,green,#00b300,#228b22,green,#90ee90,#00e600,green) 1; margin:2rem auto; transition:.3s ease-in-out; position:relative; overflow:hidden; } .overlay { position:relative; display:flex; width:100%; height:100%; padding:1rem .75rem; background-image:url(https://tse2.mm.bing.net/th?id=OIP.M6rJEmN1aOoKIZ_PHc4m5gHaEK&pid=Api&P=0); transition:.4s ease-in-out; z-index:1; } .overlay-content { display:flex; flex-direction:column; justify-content:space-between; width:15vmin; height:100%; padding:.5rem 0 0 .5rem; border:3px solid; border-image:linear-gradient(180deg,#aea724 5%,#228b22 35% 65%,#aea724 95%) 0 0 0 100%; transition:.3s ease-in-out .2s; z-index:1; } .image-content { position:absolute; top:0; right:0; width:60vmin; height:100%; background-size:cover; transition:.3s ease-in-out; border:1px solid green; } .dots { position:absolute; bottom:1rem; right:2rem; display:flex; flex-direction:row; justify-content:space-around; align-items:center; width:55px; height:4vmin; transition:.3s ease-in-out .3s; } .dot { width:14px; height:14px; background:yellow; border:1px solid indigo; border-radius:50%; transition:.3s ease-in-out .3s; } .text { position:absolute; top:0; right:0; width:60vmin; height:100%; padding:3vmin 4vmin; background:#fff; box-shadow:inset 1px 1px 15px 0 rgba(0,0,0,.4) ; overflow-y:scroll; } .wrap:hover .overlay { -webkit-transform:translateX(-60vmin); transform:translateX(-60vmin); } .wrap:hover .image-content { width:30vmin; } .wrap:hover .overlay-content { border:none; transition-delay:.2s; -webkit-transform:translateX(60vmin); transform:translateX(60vmin); } .wrap:hover .dots { -webkit-transform:translateX(1rem); transform:translateX(1rem); } .wrap:hover .dots .dot { background:white; } .animate { -webkit-animation-duration:0.7s; animation-duration:0.7s; -webkit-animation-timing-function:cubic-bezier(.26,.53,.74,1.48); animation-timing-function:cubic-bezier(.26,.53,.74,1.48); -webkit-animation-fill-mode:backwards; animation-fill-mode:backwards; } .pop { -webkit-animation-name:pop; animation-name:pop; } @-webkit-keyframes pop { 0% { opacity:0; -webkit-transform:scale(0.5,0.5); transform:scale(0.5,0.5); } 100% { opacity:1; -webkit-transform:scale(1,1); transform:scale(1,1); } } @keyframes pop { 0% { opacity:0; -webkit-transform:scale(0.5,0.5); transform:scale(0.5,0.5); } 100% { opacity:1; -webkit-transform:scale(1,1); transform:scale(1,1); } } body{margin-top:20px;} .car9-big-shadow { max-width:320px; position:relative; } .coloured-cards .car9 { margin-top:30px; } .car9[data-radius="none"] { border-radius:0px; } .car9 { border-radius:8px; box-shadow:0 2px 2px hsla(38,16%,76%,.5) ; background-color:#FFFFFF; color:#252422; margin-bottom:20px; position:relative; z-index:1; } .car9[data-radius="none"][data-background="image"] .title,.car9[data-background="image"] .stats,.car9[data-background="image"] .category,.car9[data-background="image"] .description,.car9[data-background="image"] .content,.car9[data-background="image"] .car9-footer,.car9[data-background="image"] small,.car9[data-background="image"] .content a,.car9[data-background="color"] .title,.car9[data-background="color"] .stats,.car9[data-background="color"] .category,.car9[data-background="color"] .description,.car9[data-background="color"] .content,.car9[data-background="color"] .car9-footer,.car9[data-background="color"] small,.car9[data-background="color"] .content a { color:#FFFFFF; } .car9.car9-just-text .content { padding:50px 65px; text-align:center; } .car9 .content { padding:20px 20px 10px 20px; } .car9[data-color="blue"] .category { color:#7a9e9f; } .car9 .category,.car9 .label { font-size:14px; margin-bottom:0px; } .car9-big-shadow:before { background-image:url(http://static.tumblr.com/i21wc39/coTmrkw40/shadow.png); background-position:center bottom; background-repeat:no-repeat; background-size:100% 100%; bottom:-12%; content:""; display:block; left:-12%; position:absolute; right:0; top:0; z-index:0; } h6,.h6 { text-decoration:underline; font-size:0.9em; font-weight:600; text-transform:uppercase; } .car9 .description { font-size:16px; color:#66615b; } .content-car9{ margin-top:30px; } a:hover,a:focus { text-decoration:none; } .car9[data-color="blue"] { background:#b8d8d8; } .car9[data-color="blue"] .description { color:#506568; } .car9[data-color="green"] { background:#d5e5a3; } .car9[data-color="green"] .description { color:#60773d; } .car9[data-color="green"] .category { color:#92ac56; } .car9[data-color="yellow"] { background:#ffe28c; } .car9[data-color="yellow"] .description { color:#b25825; } .car9[data-color="yellow"] .category { color:#d88715; } .car9[data-color="brown"] { background:#d6c1ab; } .car9[data-color="brown"] .description { color:#75442e; } .car9[data-color="brown"] .category { color:#a47e65; } .car9[data-color="purple"] { background:#baa9ba; } .car9[data-color="purple"] .description { color:#3a283d; } .car9[data-color="purple"] .category { color:#5a283d; } .car9[data-color="orange"] { background:#ff8f5e; } .car9[data-color="orange"] .description { color:#772510; } .car9[data-color="orange"] .category { color:#e95e37; } .containerbootstrapsnippetsbootdeys{ background-color:#fff; } .navbar { display:flex; justify-content:space-between; align-items:center; } .nav-links { display:flex; } .nav-link { margin-left:20px; } @media (max-width:768px) { .navbar { flex-direction:column; align-items:flex-start; } .nav-links { display:none; flex-direction:column; align-items:center; width:100%; } .nav-link { margin:10px 0; } .menu-icon { display:block; cursor:pointer; font-size:30px; margin-right:20px; } .menu-icon:hover { color:#555; } .menu-icon.active { color:#000; } .nav-links.active { display:flex; } }
/*# sourceMappingURL=main.ed0125df.css.map*/