@media screen and (max-width: 360px){

     body{
        background: linear-gradient(45deg,#06094c, #461663);
        height: 100vh;
        font-family: "Poppins", sans-serif;
        color: white;
        
        }
        .container{
        
            margin-top: 40px;

        
        }



    h1{
            color: white;
            font-size: 25px;
            font-weight: 300;
            margin-bottom: 40px;
        }

        #input-box{
            width: 260px;
            height: 200px;
            background-color: #3f4187;
            border-radius: 10px;
            border: none;
            outline: none;
            padding: 20px;
            margin-bottom: 30px;
            color: white;
            resize: none;
            font-family: sans-serif;
            word-spacing: 4px;
        }
        #select-list{
            width: 260px;
            height: 45px;
            background-color: #353671;
            border-radius: 1.3rem;
            border: none;
            outline: none;
            appearance: none;
            background-image: url(down-arrow.png);
            background-repeat: no-repeat;
            background-size: 35px;
            background-position-x: calc(100% - 10px);
            background-position-y: 5px;
            background-color: #3f4187;
            color: white;
            padding: 10px;


        }



         .btns{
            display: flex;
            gap: 15px;
            flex-direction: column;
            align-items: center;
        }




}