@import url(https://fonts.googleapis.com/css2?family=Gochi+Hand&family=Itim&family=Kaushan+Script&display=swap);.header .navbar{align-items:flex-end;background-color:#fff;background:linear-gradient(#a5dc69,#00aeef);display:flex;flex-direction:column;font-family:Kaushan Script,cursive;justify-content:space-between;position:fixed;width:100%;z-index:2}@media (min-width:1000px){.header .navbar{align-items:center;flex-direction:row;justify-content:space-between;margin-top:0;padding-top:13px}}.header .navbar #Logo{align-self:flex-start;display:block;height:47px;margin:5px;order:0;position:absolute;transition:all .4s ease-in-out;width:70px}@media only screen and (min-width:338px){.header .navbar #Logo{height:47px;width:90px}}@media only screen and (min-width:380px){.header .navbar #Logo{height:47px;width:95px}}@media only screen and (min-width:1000px){.header .navbar #Logo{height:47px;width:129px}}.header .navbar #Logo img{height:100%;object-fit:cover;width:100%}.header .navbar .blog-name{align-self:flex-start;font-size:18px;margin:0 20px 0 76px;order:1;padding:20px 0;position:absolute;transition:all .4s ease-in-out}@media only screen and (min-width:338px){.header .navbar .blog-name{font-size:27px;margin:0 20px 0 100px;padding:16px 0}}@media only screen and (min-width:640px){.header .navbar .blog-name{font-size:30px;margin:0 20px 0 102px;padding:13px 0}}@media only screen and (min-width:1000px){.header .navbar .blog-name{font-size:40px;margin:0 20px 0 143px;padding:10px 0;position:static}}.header .navbar .nav-items{align-self:center;clear:both;font-size:18px;list-style:none;margin:0;max-height:0;order:2;overflow:hidden;padding:0}@media (min-width:1000px){.header .navbar .nav-items{clear:none;float:right;font-size:25px;max-height:none}.header .navbar .nav-items li{float:left}}.header .navbar .nav-items li a{color:#000;display:block;padding:20px;text-align:center;text-decoration:none}.header .navbar .nav-items li a:hover{color:#fff;font-weight:700;transition:all .2s ease-in-out}@media (min-width:1000px){.header .navbar .nav-items li a{margin:0;padding:20px 30px}}.header .navbar .menu-icon{cursor:pointer;float:right;order:2;padding:28px 20px;position:relative;top:54;user-select:none}.header .navbar .menu-icon .nav-icon{background:#333;display:block;height:2px;position:relative;transition:background .2s ease-out;width:18px}.header .navbar .menu-icon .nav-icon:after,.header .navbar .menu-icon .nav-icon:before{background:#333;content:"";display:block;height:100%;position:absolute;transition:all .2s ease-out;width:100%}.header .navbar .menu-icon .nav-icon:before{top:5px}.header .navbar .menu-icon .nav-icon:after{top:-5px}@media (min-width:1000px){.header .navbar .menu-icon{display:none}}.header .navbar .menu-btn{display:none}.header .navbar .menu-btn:hover{color:#fff;font-weight:700;transition:all .2s ease-in-out}.header .navbar .menu-btn:checked~.menu{max-height:240px}.header .navbar .menu-btn:checked~.menu-icon .nav-icon{background:transparent}.header .navbar .menu-btn:checked~.menu-icon .nav-icon:before{top:0;transform:rotate(-45deg)}.header .navbar .menu-btn:checked~.menu-icon .nav-icon:after{top:0;transform:rotate(45deg)}*{box-sizing:border-box}html{font-size:62.5%}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{border:0;font:inherit;margin:0;padding:0;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}ul{list-style-type:none}.main,.section{height:auto}.section{padding:50px 0}.container{align-items:center;background-color:#fff;border-radius:2rem;box-shadow:1rem 1rem 2rem rgba(0,0,0,.1);display:flex;flex-direction:column;height:auto;justify-content:center;margin:0 auto;position:relative;width:100%}@media only screen and (min-width:350px){.container{height:auto}}@media only screen and (min-width:576px){.container{width:85vw}}@media only screen and (min-width:768px){.container{flex-direction:row;height:auto;justify-content:space-between;width:75vw}}#Home{padding:0}#Home .container{background-color:#00aeef;background:url(fd070e80946b53f12fcd.png) no-repeat 50%/cover;border-radius:0;box-shadow:none;height:120vh;margin-top:0;width:100%}#planner{background-color:#00aeef;text-align:center}#planner .planner-form .form-content{grid-gap:.5rem;align-content:center;display:grid;grid-template-columns:repeat(2,minmax(2rem,1fr));grid-template-rows:1fr 1fr 1fr min-content 1fr 1fr;height:50vh;justify-content:center;padding:0 1rem;width:100%}@media only screen and (min-width:576px){#planner .planner-form .form-content{width:90%}}@media only screen and (min-width:768px){#planner .planner-form .form-content{margin:0 2rem;padding:1rem 0}}@media only screen and (min-width:992px){#planner .planner-form .form-content{grid-template-rows:repeat(7,1fr);margin:0 4rem}}#planner .planner-form .form-content .form-input{border:.1rem solid rgba(0,0,0,.1);border-radius:.4rem;color:#2f3d49;font-family:Open Sans,sans-serif;font-size:.8rem;line-height:1.5;margin:.1rem 0;outline:none;padding:.5rem .3rem;text-transform:capitalize}@media only screen and (min-width:350px){#planner .planner-form .form-content .form-input{font-size:.6rem}}@media only screen and (min-width:768px){#planner .planner-form .form-content .form-input{font-size:.8rem}}#planner .planner-form .form-content .input-from{grid-column:1/3;grid-row:2/3}#planner .planner-form .form-content .input-to{grid-column:1/3;grid-row:3/4}#planner .planner-form .form-content .date-label{color:#000;font-family:Kaushan Script,cursive;font-size:1rem;grid-column:1/3;grid-row:4/5;height:auto;opacity:.8;padding:1rem .3rem .3rem;text-align:left}@media only screen and (min-width:350px){#planner .planner-form .form-content .date-label{font-size:.8rem}}#planner .planner-form .form-content .input-date{background:rgba(0,0,0,.1);border:.1rem solid rgba(0,0,0,.1);font-family:Kaushan Script,cursive;font-size:1rem;grid-column:1/3;grid-row:5/6;height:100%;outline:none;padding:.3rem;text-align:left;width:100%}@media only screen and (min-width:350px){#planner .planner-form .form-content .input-date{font-size:.8rem}}@media only screen and (min-width:768px){#planner .planner-form .form-content .input-date{padding:.5rem .3rem}}@media only screen and (min-width:992px){#planner .planner-form .form-content .input-date{padding:1rem .3rem}}#planner .planner-form .form-content .input-date .input-date:focus{box-shadow:none}#planner .planner-form .form-content .input-submit{background:linear-gradient(120deg,#a5dc69,#00aeef);border:.1rem solid #2f3d49;border-radius:3rem;color:#2f3d49;font-family:Kaushan Script,cursive;font-size:1.4rem;font-weight:700;grid-column:1/3;grid-row:6/7;letter-spacing:2px;margin:2.5rem 0 1.5rem;opacity:.8;padding:.5rem;width:100%}@media only screen and (min-width:350px){#planner .planner-form .form-content .input-submit{margin-bottom:1rem}}@media only screen and (min-width:576px){#planner .planner-form .form-content .input-submit{margin-bottom:1.5rem}}@media only screen and (min-width:768px){#planner .planner-form .form-content .input-submit{padding:.8rem}}#planner .planner-form .form-content .input-submit:hover{background:linear-gradient(120deg,#00aeef,#a5dc69);cursor:pointer;opacity:1;transition:all .3s ease}#planner .planner-form .form-content .input-submit:focus{outline:none}#result{background-color:#00aeef}#result .results{align-items:center;display:flex;flex-direction:column;justify-content:center}#result .results #tripInfo{display:flex;flex-direction:row;margin:5px}@media only screen and (max-width:500px){#result .results #tripInfo{flex-direction:column}}#result .results #tripInfo .result-image{background-color:rgba(0,0,0,.8);height:auto;margin:1rem;overflow:hidden;width:fit-content}#result .results #tripInfo .result-image img{height:100%;object-fit:cover;transition:transform .2s;width:100%}#result .results #tripInfo .result-image img:hover{-ms-transform:scale(1.4);-webkit-transform:scale(1.4);transform:scale(1.4)}#result .results #tripInfo .result-content{align-items:center;border-bottom-right-radius:inherit;border-top-right-radius:inherit;display:flex;flex-direction:row;font-family:Kaushan Script,cursive;font-size:.7rem;justify-content:space-between;line-height:1.3;padding:1rem;width:-webkit-fill-available}@media only screen and (min-width:768px){#result .results #tripInfo .result-content{font-size:1.7vw}}#result .results #tripInfo .result-content h2{padding:.5rem}#result .results #tripInfo .result-content span{background:#a5dc69}#result .results #tripInfo .result-content .weather_info{align-items:center;display:grid;grid-template-columns:auto auto;justify-content:center;justify-items:center;margin-left:1.5rem}#result .results #tripInfo .result-content .weather_info .weather-icon #icon1{height:75px;width:100px}.invisible{display:none}#my_trips{background-color:#00aeef}#my_trips .container{background-color:#a5dc69;flex-direction:column;padding:10px}#my_trips .container #trips_bundeller{display:contents}#my_trips .container .saved_trips{align-items:center;background-color:#fff;border:1px solid #000;border-radius:2rem;display:flex;flex-basis:auto;flex-direction:column;font-family:Kaushan Script,cursive;font-size:17px;height:auto;justify-content:space-evenly;line-height:25px;margin:5px;padding:8px;width:100%}@media only screen and (min-width:500px){#my_trips .container .saved_trips{flex-direction:row;font-size:15px;height:15vh;padding:15px}}#my_trips .container .saved_trips .trip_img{background-color:#fff;border-radius:50%;height:75px;overflow:hidden;width:75px}#my_trips .container .saved_trips .trip_img img{height:100%;width:100%}@media only screen and (min-width:960px){#my_trips .container .saved_trips .trip_img{height:125px;width:125px}#my_trips .container .saved_trips{font-size:25px;line-height:35px}}#my_trips .container .saved_trips .colorMark{background:#a5dc69}.form-heading{font-family:Kaushan Script,cursive;font-size:10vw;grid-column:1/3;grid-row:1/2;padding-top:2rem;text-align:center;text-transform:uppercase}@media only screen and (min-width:350px){.form-heading{font-size:6vw;padding-top:1rem}}@media only screen and (min-width:576px){.form-heading{font-size:4vw}}@media only screen and (min-width:768px){.form-heading{font-size:5vw;padding:2rem 0 .5rem}}@media only screen and (min-width:992px){.form-heading{font-size:4vw;padding-bottom:1rem}}.buttons{font-family:Kaushan Script,cursive;font-size:1.2rem;margin-bottom:1rem;padding:1rem}.buttons .button{border-radius:3rem;color:#2f3d49;display:initial;margin:1rem 1px 0;padding:2px 9px;text-align:center;text-decoration:none;transition:all .3s;width:80%}@media only screen and (min-width:390px){.buttons .button{margin:1rem 15px 0;padding:3px 30px}}@media only screen and (min-width:980px){.buttons .button{margin:1rem 30px 0;padding:5px 55px}}.buttons .button-save{background:#a5dc69}.buttons .button-save:hover{background:#00aeef;box-shadow:.5rem 0 1rem rgba(0,0,0,.3);opacity:1}.buttons .button-print{background:#fff}.buttons .button-print:hover{background-color:#00aeef;box-shadow:.5rem 0 1rem rgba(0,0,0,.3);opacity:1}.buttons .button-delete{background:rgba(0,0,0,.1)}.buttons .button-delete:hover{background:red;box-shadow:.5rem 0 1rem rgba(0,0,0,.3);opacity:1}.footer{background-color:#7ebe3a;background:linear-gradient(#00aeef,#a5dc69);color:#000;display:flex;flex-direction:column;font-family:Open Sans,sans-serif;font-size:.8rem;justify-content:center;max-height:7rem;min-height:4rem;padding:1rem 0;text-align:center}@media only screen and (min-width:350px){.footer{font-size:.8rem}}.footer__copyright{font-family:Kaushan Script,cursive;font-size:.8rem;padding-bottom:.3rem}@media only screen and (min-width:350px){.footer__copyright{font-size:.8rem}}