/*! normalize-scss | MIT/GPLv2 License | bit.ly/normalize-scss */html{line-height:1.15;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,footer,header,nav,section{display:block}h1{font-size:2em;margin:.67em 0}figcaption,figure{display:block}figure{margin:1em 40px}hr{-webkit-box-sizing:content-box;box-sizing:content-box;height:0;overflow:visible}main{display:block}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent;-webkit-text-decoration-skip:objects}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:inherit}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}dfn{font-style:italic}mark{background-color:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}audio,video{display:inline-block}audio:not([controls]){display:none;height:0}img{border-style:none}svg:not(:root){overflow:hidden}button,input,optgroup,select,textarea{font-family:sans-serif;font-size:100%;line-height:1.15;margin:0}button{overflow:visible}button,select{text-transform:none}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}input{overflow:visible}[type=checkbox],[type=radio]{-webkit-box-sizing:border-box;box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}fieldset{padding:.35em .75em .625em}legend{-webkit-box-sizing:border-box;box-sizing:border-box;display:table;max-width:100%;padding:0;color:inherit;white-space:normal}progress{display:inline-block;vertical-align:baseline}textarea{overflow:auto}details{display:block}summary{display:list-item}menu{display:block}canvas{display:inline-block}template{display:none}[hidden]{display:none}@font-face{font-family:icomoon;src:url(../fonts/icomoon/icomoon.eot?a2r617);src:url(../fonts/icomoon/icomoon.eot?a2r617#iefix) format("embedded-opentype"),url(../fonts/icomoon/icomoon.ttf?a2r617) format("truetype"),url(../fonts/icomoon/icomoon.woff?a2r617) format("woff"),url(../fonts/icomoon/icomoon.svg?a2r617#icomoon) format("svg");font-weight:400;font-style:normal}@font-face{font-family:Montserrat;src:url(../fonts/montserrat/montserrat-medium.eot);src:url(../fonts/montserrat/montserrat-medium.eot?#iefix) format("embedded-opentype"),url(../fonts/montserrat/montserrat-medium.woff) format("woff"),url(../fonts/montserrat/montserrat-medium.ttf) format("truetype");font-weight:500;font-style:normal}@font-face{font-family:Montserrat;src:url(../fonts/montserrat/montserrat-bold.eot);src:url(../fonts/montserrat/montserrat-bold.eot?#iefix) format("embedded-opentype"),url(../fonts/montserrat/montserrat-bold.woff) format("woff"),url(../fonts/montserrat/montserrat-bold.ttf) format("truetype");font-weight:700;font-style:normal}@font-face{font-family:Montserrat;src:url(../fonts/montserrat/montserrat-regular.eot);src:url(../fonts/montserrat/montserrat-regular.eot?#iefix) format("embedded-opentype"),url(../fonts/montserrat/montserrat-regular.woff) format("woff"),url(../fonts/montserrat/montserrat-regular.ttf) format("truetype");font-weight:400;font-style:normal}body{background-image:url(../img/background.svg);background-position:center center;font-family:Montserrat,sans-serif;-webkit-box-sizing:border-box;box-sizing:border-box}.contacts{position:absolute;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;right:0;margin:20px}.contacts a{text-decoration:none}.icon{font-family:icomoon!important;font-smoothing:antialiased;speak:none;font-style:normal;font-weight:400;font-variant:normal;font-size:30px;text-transform:none;line-height:1;border-radius:50%;margin:0 5px;background-color:rgba(128,128,128,.1);color:#3c9eaf;padding:5px;-webkit-transition:all .15s;-o-transition:all .15s;transition:all .15s}.icon:active,.icon:focus,.icon:hover{cursor:pointer;color:#2f7c89}.icon-portfolio:before{content:"\e900"}.icon-github:before{content:"\eab0"}.main-wrapper{background-color:rgba(255,255,255,.3);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-justify-content:space-around;-ms-flex-pack:distribute;justify-content:space-around;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;min-height:100vh}.city-name{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.city-name h1,.city-name span{padding:2px;font-weight:400;letter-spacing:2px;margin:0;color:#fa0}.city-name h1{font-size:50px}.city-name a{text-decoration:none}.main-weather{width:100%;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;position:relative}.icon-weather{position:relative;background-color:rgba(255,255,255,.7);margin:40px;height:300px;width:300px;border-radius:50%}.icon-weather span{text-transform:capitalize;color:#4f8f7d;font-size:20px;position:absolute;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);top:25px;text-align:center}.icon-weather img{margin-top:5px;height:100%;width:100%}.icon-weather .border{position:absolute;top:0;bottom:0;left:0;right:0;background:0 0;padding:0;margin:0;border-radius:50%;border:4px dotted #3c9eaf;-webkit-animation:spin 100s linear infinite;animation:spin 100s linear infinite}.icon-humidity,.icon-pressure,.icon-temp,.icon-wind{border:2px solid #3c9eaf;height:130px;width:130px;padding:20px;margin:20px;border-radius:50%;background-color:rgba(255,255,255,.7)}.icon-humidity:focus,.icon-humidity:hover,.icon-pressure:focus,.icon-pressure:hover,.icon-temp:focus,.icon-temp:hover,.icon-wind:focus,.icon-wind:hover{cursor:pointer}.icon-humidity .main-humidity,.icon-pressure .main-pressure,.icon-wind .main-wind,.main-temp{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;width:100%;height:100%}.icon-humidity .main-humidity span:first-child,.icon-pressure .main-pressure span:first-child,.icon-wind .main-wind span:first-child,.main-temp span:first-child{margin-bottom:10px;font-size:18px}.icon-humidity .main-humidity span,.icon-pressure .main-pressure span,.icon-wind .main-wind span,.main-temp span{color:#4f8f7d;font-size:25px}.icon-humidity .main-humidity span:nth-child(3),.icon-pressure .main-pressure span:nth-child(3),.icon-wind .main-wind span:nth-child(3),.main-temp span:nth-child(3){font-size:18px;text-align:center;margin-top:10px}.icon-humidity{bottom:160px;left:70%}.icon-humidity:focus,.icon-humidity:hover{cursor:default}.icon-pressure{bottom:260px;left:60%}.icon-wind{bottom:360px;left:20%}.weather{min-width:300px;padding:25px 0;margin:40px}.weather p:first-child{text-transform:capitalize}.weather p{color:#276a74;font-size:18px}.weather p span{cursor:pointer;font-size:20px}.search-form .input-group{background-color:transparent;color:#fff;padding:8px 20px;border:none;outline:0;text-transform:capitalize}.search-form input[type=text]{width:300px;border-radius:40px;outline:0;background-color:rgba(255,255,255,.8);border:2px solid rgba(60,158,175,.6);padding:8px 10px 8px 20px;-webkit-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out;letter-spacing:1px;color:#464545;margin-right:5px;font-size:16px}.search-form input[type=text]::-webkit-input-placeholder{color:grey;font-size:16px}.search-form input[type=text]:-ms-input-placeholder{color:grey;font-size:16px}.search-form input[type=text]::placeholder{color:grey;font-size:16px}.search-form input[type=text]:focus,.search-form input[type=text]:hover{border:2px solid #3c9eaf}.search-form button[type=submit]{outline:0;border:2px solid rgba(60,158,175,.8);border-radius:40px;background-color:rgba(255,255,255,.6);-webkit-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out;text-transform:capitalize;font-size:16px;letter-spacing:1px;color:#464545;width:120px;position:relative;display:inline-block;padding:8px 0;letter-spacing:1px}.search-form button[type=submit]:focus,.search-form button[type=submit]:hover{letter-spacing:2px;cursor:pointer;border:2px solid #3c9eaf}@-webkit-keyframes spin{0%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}100%{-webkit-transform:rotate(0);transform:rotate(0)}}@keyframes spin{0%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}100%{-webkit-transform:rotate(0);transform:rotate(0)}}@media screen and (max-width:1280px){.icon-weather{-webkit-box-ordinal-group:0;-webkit-order:-1;-ms-flex-order:-1;order:-1;margin:80px 0}.line-break{-webkit-box-ordinal-group:0;-webkit-order:-1;-ms-flex-order:-1;order:-1;width:100%}.city-name{margin-top:50px}.icon-humidity,.icon-pressure,.icon-temp,.icon-wind{margin-bottom:50px}.search-form{margin:50px 0}}@media screen and (max-width:960px){.line-break-960{width:100%}.icon-humidity,.icon-pressure,.icon-temp,.icon-wind{margin:20px 50px}}@media screen and (max-width:480px){.search-form input[type=text]{display:block;margin-bottom:20px}.search-form button[type=submit]{width:325px}}