.header{width: 1510px;height: 139px;background: #000;border-top-left-radius: 19px;border-top-right-radius: 19px;}


.title{width: 576px;
    height: 69px;color: #FFF;
    text-align: center;
    font-family: Merriweather;
    font-size: 48px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    position: absolute;
    top: +3rem;left: -8rem;}

.body{border-radius: 19px;
    background: #FFF;border-color: #000;border-width: 5px;border-bottom: 50px;}


.cities{width: 956px;
        height: 31px;
        flex-shrink: 0;border-radius: 18px;
        background: #D9D9D9;
        position: relative;top: +2rem;}


a{color: #000;
            font-family: Merriweather;
            font-size: 18px;
            font-style: normal;
            line-height: normal;
            text-decoration:none;
            position: relative;top: 2.5px;}

            a:hover{opacity: 0.6;animation-delay: 0.15ms;}

.searchbox{width: 370px;
            height: 31px;
            flex-shrink: 0;border-radius: 12px;
            background: #D9D9D9;
            position:relative;
            top: 0rem;
            left: +70rem;
            }

.searchbox:hover{
            cursor: pointer; opacity: 0.6;animation-delay:0.15ms;
        }

.searchtext{width: 130px; height: 20px; font-family: Merriweather;color: #000; font: size 20px;position: absolute; top: +100PX; left: 35PX; background-color: #D9D9D9;border: 0PX;margin: 0PX;}


.mainbox{background-color: #D9D9D9;width: 1010px;height:500px ;border-radius: 19px;}

.searchbutton{position: absolute;
    top: +5PX;
    right: 150PX;
    background-color: #D9D9D9;
    border: none;
    border-radius:3PX;
    color: #000;
    cursor: pointer;}

    table{display: inline; position: relative; top: 5px;}

    td{padding-right:+1rem;font-family: Merriweather; position: relative;right: -15px;top: -2px;text-decoration: none;}

    .fc{display: inline;
    font-size: 18px;
    font-family: Merriweather;
    position: relative;right: -10px;}
    #current{font-family: Merriweather;font-size: 24px;position: relative;right: -1rem;top: 1rem;}

#city{position: relative;top:-10px;background-color: transparent;border-color: #D9D9D9;}

#getWeather{position: relative;top:-10px;background-color: #D9D9D9;border-color: #D9D9D9;}

.bottom{width: 1510px;height: 23px;background: #000;border-bottom-left-radius: 19px;border-bottom-right-radius: 19px;}
#city{color: #000;
    font-family: Merriweather;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;position: absolute;top: 183px;left: 1159px;}

    #getWeather{position: absolute;
        top: +190PX;
        right: 150PX;
        background-color: #D9D9D9;
        border: none;
        border-radius:3PX;
        color: #000;
        cursor: pointer;}

#time{color: #000;
    text-align: center;
    font-family: Merriweather;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    position: absolute;top: 275px;left: 110px;}

p1{font-family: Merriweather;font-size: 24px;position: absolute;top: 248px; left: 830px;}

p2{color: #000;
    font-family: Merriweather;
    font-size: 48px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
position: absolute;top: 330px;left: 420px;}


    p3{color: #000;
        font-family: Merriweather;
        font-size: 20px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        position: absolute;top: 480px;left: 50px;}

    p4{color: #000;
        font-family: Merriweather;
        font-size: 20px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;position: absolute;top: 564px;left: 520px;}



    p5{color: #000;
        font-family: Merriweather;
        font-size: 20px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        position: absolute;top: 358px;left: 520px;}

        p6{color: #000;
            font-family: Merriweather;
            font-size: 20px;
            font-style: normal;
            font-weight: 400;
            line-height: normal; position: absolute;top: 522px;left: 50px;}


        p7{color: #000;
            font-family: Merriweather;
            font-size: 20px;
            font-style: normal;
            font-weight: 400;
            line-height: normal; position: absolute;top: 520px;left: 520px;}


        p8{color: #000;
            font-family: Merriweather;
            font-size: 20px;
            font-style: normal;
            font-weight: 400;
            line-height: normal; position: absolute;top: 564px;left: 50px;}



        p9{color: #000;
            font-family: Merriweather;
            font-size: 20px;
            font-style: normal;
            font-weight: 400;
            line-height: normal; position: absolute;top: 606px;left: 50px;}

        p10{color: #000;
            font-family: Merriweather;
            font-size: 20px;
            font-style: normal;
            font-weight: 400;
            line-height: normal;position: absolute;top: 604px;left: 520px;}


        p11{color: #000;
            font-family: Merriweather;
            font-size: 20px;
            font-style: normal;
            font-weight: 400;
            line-height: normal;position: absolute;top: 646px;left: 520px;}




        p12{color: #000;
            font-family: Merriweather;
            font-size: 20px;
            font-style: normal;
            font-weight: 400;
            line-height: normal; position: absolute;top: 648px;left: 50px;}


    p13{color: #000;
        font-family: Merriweather;
        font-size: 20px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        position: absolute;top: 375px;left: 420px;}

        #line{color: #000;position: absolute;top: 420px;font-size: 16PX;}

        #info{color: #000;
            font-family: Merriweather;
            font-size: 24px;
            font-style: normal;
            font-weight: 400;
            line-height: normal;
            position: absolute;top: 420px;left: 20px;}
        
            